@font-face {
	font-family: Erasdemi;
	src: url('../fonts/ERASDEMI.TTF');
}

@font-face {
	font-family: Open Sans;
	src: url('../fonts/Open_Sans.ttf');
}

@font-face {
	font-family: Product Sans;
	src: url('../fonts/Product_Sans_Regular.ttf');
}

@font-face {
	font-family: BebasNeue;
	src: url('../fonts/BebasNeue-1.ttf');
}

@font-face {
	font-family: 'ickfont';
	src: url('../fonts/iconfont.eot?1.2');
	src: url('../fonts/iconfont.eot?#iefix?1.2') format('embedded-opentype'),
		url('../fonts/iconfont.woff2?1.2') format('woff2'),
		url('../fonts/iconfont.woff?1.2') format('woff'),
		url('../fonts/iconfont.ttf?1.2') format('truetype'),
		url('../fonts/iconfont.svg#ickfont?1.2') format('svg');
}

.ickfont {
	font-family: "ickfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.en-font {
	font-family: 'Open Sans' !important;
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

::selection {
	background: rgba(0, 16, 122, 0.8);
	color: #ffffff;
}

::-moz-selection {
	background: rgba(0, 16, 122, 0.8);
	color: #ffffff;
}

html {
	margin: 0;
	padding: 0;
	font-family: 'pingfang SC', 'Open Sans', 'helvetica neue', arial, 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
	line-height: 1.25;
	-webkit-text-size-adjust: 100% !important;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body {
	margin: 0;
	padding: 0;
	font-family: 'pingfang SC', 'Open Sans', 'helvetica neue', arial, 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.25;
	text-align: center;
	display: block;
	color: #787878;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.15);
}

::-webkit-scrollbar-track {
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.07);
}

.sb-c-t::-webkit-scrollbar-thumb,
.sb-c-t *::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.2);
}

.sb-c-t::-webkit-scrollbar-track,
.sb-c-t *::-webkit-scrollbar-track {
	background-color: rgba(255, 255, 255, 0.05);
}

a {
	color: #3650F9;
	text-decoration: none;
}

a::-moz-focus-inner,
a:focus {
	outline: none;
}

button,
.button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0.625rem 1.5rem;
	margin: 0;
	outline: 0;
	border: none;
	border-radius: 0.25rem;
	font-size: 0.875rem;
	cursor: pointer;
	white-space: nowrap;
	display: inline-block;
	position: relative;
	vertical-align: top;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

button,
button * .button,
.button * {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

button span,
.button span {
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

p {
	font-size: 0.875rem;
	line-height: 1.375rem;
	padding: 0;
	margin: 0 0 1rem 0;
}

p:last-child {
	margin: 0;
}

p+h1,
p+h2,
p+h3,
p+h4,
p+h5,
p+h6 {
	margin-top: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0 0 1rem 0;
	width: 100%;
	display: inline-block;
}

h1 {
	font-size: 2.25rem;
	font-weight: 500;
}

h2 {
	font-size: 1.875rem;
	font-weight: 500;
}

h2.small {
	font-size: 1.5rem;
	font-weight: 500;
}

h3 {
	font-size: 1.125rem;
	font-weight: 500;
}

h4 {
	font-size: 1rem;
	font-weight: 500;
}

h5 {
	font-size: 0.875rem;
	font-weight: 500;
}

h6 {
	font-size: 0.875rem;
	font-weight: 400;
}

blockquote,
blockquote * {
	font-size: 1rem;
	line-height: 1.875rem;
}

blockquote {
	color: #565656;
	font-size: 1rem;
	margin: 0.5rem;
	padding: 0.875rem;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 1px 3px 25px rgba(0, 0, 0, 0.05);
	box-shadow: 1px 3px 25px rgba(0, 0, 0, 0.05);
}

blockquote.blue {
	color: #b0baff;
	background-color: rgba(0, 25, 132, 0.3);
}

ul {
	padding: 0;
	padding-left: 1.25rem;
	margin: 0;
}

li {
	text-align: left;
	padding-bottom: 1rem;
}

li:last-child {
	padding-bottom: 0;
}

a,
input,
button,
select,
textarea {
	outline: 1px solid transparent;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #bfbfbf;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #bfbfbf;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #bfbfbf;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #bfbfbf;
}

.form-line {
	margin-top: 1rem;
}

.form-label {
	width: 100%;
	font-size: 0.875rem;
	font-weight: 500;
	color: #adadad;
	padding: 0.875rem 1rem;
	border: 2px solid transparent;
	border-radius: 0;
	text-align: left;
	background-repeat: no-repeat;
	display: inline-block;
}

.form-wrap,
.form-wrap *,
.form-wrap::after,
.form-wrap::before,
.form-wrap *::after,
.form-wrap *::before {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.form-wrap {
	width: 100%;
	display: block;
	float: left;
	position: relative;
}

.form-control {
	font-family: 'pingfang SC', 'Open Sans', 'helvetica neue', arial, 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
	width: 100%;
	font-size: 0.875rem;
	font-weight: 500;
	color: #333;
	padding: 0.875rem 1rem;
	border: 1px solid transparent;
	outline: 1px solid transparent;
	background: none;
	border-radius: 0;
}

.form-control:focus {
	border: 1px solid transparent;
	outline: 1px solid transparent;
}

.form-control.form-select {
	padding: 0.375rem;
	min-height: 3.0625rem;
	text-align: left;
	color: #bfbfbf;
	display: block;
    float: left;
	cursor: pointer;
}

.form-select .form-select-tip {
	padding: 0.5625rem;
	margin: 0;
	opacity: 1;
	display: block;
	float: left;
	white-space: nowrap;
	position: absolute;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.form-select .form-select-tip.hidden {
	width: 0;
	padding: 0.4375rem 0;
	margin: 0.125rem 0;
	opacity: 0;
}

.form-select .form-select-panel {
	width: 100%;
	left: 0;
	top: 100%;
	color: #787878;
	background-color: #fff;
	display: block;
	position: absolute;
	z-index: 99999990;
	-webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.1);
	cursor: auto;
}

.form-select .form-select-panel .form-select-panel-inner {
	margin: 1rem 0;
	width: 100%;
	max-height: 18rem;
	overflow-y: auto;
	display: block;
	float: left;
	position: relative;
}

.form-select .form-select-item {
	width: 100%;
	width: calc(100% - 2rem);
	margin: 1rem;
	padding: 0 1rem 0 0.625rem;
	/*border-left: 1px solid #e9eaec;*/
	display: block;
	float: left;
	position: relative;
}

.form-select .form-select-item span
.form-select .form-select-item section {
	padding: 0 0 0.5rem 0;
	width: 100%;
	text-align: left;
	display: block;
	position: relative;
}

.form-select-item>* {
	padding-left: 1.25rem;
	margin-bottom: 0.5rem;
}

.form-select-item>*::after {
    content: '';
    background-color: #3650F9;
    width: 0.5rem;
    height: 0.5rem;
    left: 1rem;
    top: 0.3125rem;
    border-radius: 50%;
    display: block;
    position: absolute;
    z-index: 12;
}

.form-select-item>.form-select-item::after {
	display: none;
}

.form-select .form-select-item.canselect {
	width: auto;
	padding: 0.5rem 0.625rem;
	margin: 0.125rem;
	color: #8b90b0;
	background-color: #eceff9;
	font-size: 0.75rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	display: block;
	float: left;
	position: relative;
	-webkit-transition: transform 0.3s ease-out;
	-moz-transition: transform 0.3s ease-out;
	-ms-transition: transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}

.form-select-item.canselect>* {
	padding-left: 0;
	margin-bottom: 0;
}

.form-select-item.canselect>*::after {
	display: none;
}

.form-select .form-select-item.canselect.selected {
	border: 1px solid #8293ff;
    color: #1833e3;
    background-color: #d9deff;
}

.form-select .form-select-item.canselect span, 
.form-select .form-select-item.canselect section {
	padding: 0;
}

.form-select .form-selected-panel {
	width: 100%;
	display: block;
	float: left;
	position: relative;
}
.form-select .form-has-selected,
.form-select .form-has-selected * {
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.form-select .form-has-selected {
	width: auto;
	padding: 0.5rem 2.5625rem 0.5rem 0.625rem;
	margin: 0.125rem;
	color: #fff;
	background-color: #3650F9;
	font-size: 0.75rem;
	opacity: 1;
	border: none;
	border-radius: 0.25rem;
	display: block;
	float: left;
	position: relative;
	-webkit-pointer-events: auto;
	-moz-pointer-events: auto;
	-ms-pointer-events: auto;
	-o-pointer-events: auto;
	pointer-events: auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.form-select .form-has-selected.hidden {
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	border: none;
	opacity: 0;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.form-select .form-has-selected .close-button {
	width: 1.9375rem;
	height: 1.9375rem;
	top: 0;
	right: 0;
	outline: none;
	display: block;
	position: absolute;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
}

.form-select .form-has-selected.hidden .close-button {
	display: none;
}

.form-select .form-has-selected .close-button:hover {
	background-color: rgba(255, 255, 255, 0.25);
}

.form-select .form-has-selected .close-button::before {
	content: ' ';
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -0.0625rem;
	margin-right: -0.375rem;
	width: 0.625rem;
	height: 2px;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.form-select .form-has-selected .close-button::after {
	content: ' ';
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -0.0625rem;
	margin-right: -0.375rem;
	width: 0.625rem;
	height: 2px;
	background-color: #fff;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.form-wrap .form-active {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	border: 1px solid #e9eaec;
	background-color: transparent;
	display: block;
	position: absolute;
	z-index: 1;
	-webkit-transform: scale(1, 0.8);
	-moz-transform: scale(1, 0.8);
	-ms-transform: scale(1, 0.8);
	-o-transform: scale(1, 0.8);
	transform: scale(1, 0.8);
	/*-webkit-transform: translateY(-0.125rem);
	-moz-transform: translateY(-0.125rem);
	-ms-transform: translateY(-0.125rem);
	-o-transform: translateY(-0.125rem);
	transform: translateY(-0.125rem);*/
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.form-wrap .form-focus {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 1;
	border: 1px solid #e9eaec;
	background-color: transparent;
	display: block;
	position: absolute;
	z-index: 1;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.form-control:focus {
	border: 1px solid transparent;
	/*-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);*/
}

.form-control:focus + .form-focus {
	/*-webkit-transform: scale(1.03, 1.2);
	-moz-transform: scale(1.03, 1.2);
	-ms-transform: scale(1.03, 1.2);
	-o-transform: scale(1.03, 1.2);
	transform: scale(1.03, 1.2);*/
	opacity: 0;
}

.form-control:focus + .form-focus + .form-active {
	border: 1px solid #8293ff;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	/*-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);*/
	opacity: 1;
}

.form-control:hover + .form-focus {
	border: 1px solid #c5c9d4;
}

.form-control.warning + .form-focus {
	border: 1px solid #fcd3c2;
}

.form-wrap.flash .form-control.warning + .form-focus {
	border: 1px solid #e24a09;
}

.form-wrap .form-tip {
	top: 100%;
	left: 0;
	display: block;
	position: absolute;
	cursor: pointer;
	z-index: 1000;
	opacity: 0.75;
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
    -webkit-transform-origin: 8% 3%;
	-moz-transform-origin: 8% 3%;
	-ms-transform-origin: 8% 3%;
	-o-transform-origin: 8% 3%;
	transform-origin: 8% 3%;
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
    -o-transform: scale(1);
	transform: scale(1);
}

.form-wrap.flash .form-tip {
	opacity: 1;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
    -o-transform: scale(1.05);
	transform: scale(1.05);
}

.form-wrap .form-tip:hover {
	z-index: 2000;
	opacity: 1;
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
    -o-transform: scale(1.03);
	transform: scale(1.03);
}

.form-wrap .form-tip.hidden {
	display: none;
}

.form-wrap .form-tip .tip-aw {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #ee5519;
    margin-left: 10px;
    margin-top: -1px;
    -webkit-transform: translateY(3px) rotate(-45deg);
	-moz-transform: translateY(3px) rotate(-45deg);
	-ms-transform: translateY(3px) rotate(-45deg);
    -o-transform: translateY(3px) rotate(-45deg);
	transform: translateY(3px) rotate(-45deg);
}

.form-wrap .form-tip .tip-text {
    font-size: 0.8em;
    text-align: left;
    color: #fff;
    background-color: #ee5519;
    margin-top: 5px;
    margin-left: 0;
	padding: 1px 8px;
	border-radius: 0.25rem;
    white-space: nowrap;
    line-height: 2.3em;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3);
    box-shadow: 0 3px 10px rgba(0,0,0,.3);
}

.site-image-wrap {
	width: 0;
	height: 0;
	left: 0;
	top: 0;
	overflow: hidden;
	display: block;
	position: fixed;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.preload {
	width: 0;
	height: 0;
	left: 0;
	top: 0;
	overflow: hidden;
	display: block;
	position: fixed;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.rollback-image {
	width: 6rem;
	height: 6rem;
	background-position-y: 0;
	display: inline-block;
	background-repeat: no-repeat;
	-o-background-size: 100%;
	background-size: 100%;
	background-position: 0 0;
	display: inline-block;
}

.btn-blue,
.btn-blue:disabled,
.btn-blue:disabled:hover {
	border-radius: 0.25rem;
	background-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.btn-blue span {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	display: inline-block;
	position: relative;
	z-index: 2;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.btn-blue:disabled span,
.btn-blue:disabled:hover span {
	color: #a9b4fa;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.btn-blue::after,
.btn-blue:disabled::after,
.btn-blue:disabled:hover::after {
	content: '';
	left: 0;
	bottom: 0;
	border-radius: 0.25rem;
	width: 100%;
	height: 100%;
	background-color: #3650F9;
	position: absolute;
	display: block;
	z-index: 1;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.btn-blue:disabled::after,
.btn-blue:disabled:hover::after {
	background-color: #626db6;
}

.btn-blue:hover {
	background-color: #3650F9;
	-webkit-transform: translateY(0.0625rem);
	-moz-transform: translateY(0.0625rem);
	-ms-transform: translateY(0.0625rem);
	-o-transform: translateY(0.0625rem);
	transform: translateY(0.0625rem);
	-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
}

.btn-blue:hover span {
	color: #fff;
	-webkit-transform: translateY(-0.125rem);
	-moz-transform: translateY(-0.125rem);
	-ms-transform: translateY(-0.125rem);
	-o-transform: translateY(-0.125rem);
	transform: translateY(-0.125rem);
}

.btn-blue:hover::after {
	background-color: #4a78ff;
	-webkit-transform: translateY(-0.125rem);
	-moz-transform: translateY(-0.125rem);
	-ms-transform: translateY(-0.125rem);
	-o-transform: translateY(-0.125rem);
	transform: translateY(-0.125rem);
}

.btn-blue:active {
	-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
}

.btn-blue:active span {
	color: #fff;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.btn-blue:active::after {
	background-color: #3650F9;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.btn-banner-dark {
	border-radius: 0.25rem;
	background-color: #3650F9;
	background: -webkit-linear-gradient(left, #3650F9, #3650F9);
	background: linear-gradient(left, #3650F9, #3650F9);
	color: rgba(255, 255, 255, 0.8);
	padding: 0.75rem 3rem;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.btn-banner-dark,
.btn-banner-dark span {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.btn-banner-dark span {
	display: inline-block;
	position: relative;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	z-index: 2;
}

.btn-banner-dark::after {
	content: '';
	left: 0;
	bottom: 0;
	border-radius: 0.25rem;
	width: 100%;
	height: 100%;
	background-color: #3650F9;
	opacity: 1;
	position: absolute;
	display: block;
	z-index: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.btn-banner-dark:hover::after {
	opacity: 0;
}

.btn-banner-dark:hover {
	-webkit-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.1);
}

.btn-banner-dark:hover span {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-transform: translateX(-0.625rem);
	-moz-transform: translateX(-0.625rem);
	-ms-transform: translateX(-0.625rem);
	-o-transform: translateX(-0.625rem);
	transform: translateX(-0.625rem);
}

.btn-banner-dark .sub-icon.sub-icon-right {
	color: #fff;
}

.btn-banner-dark:active {
	-webkit-transform: translateY(0.125rem);
	-moz-transform: translateY(0.125rem);
	-ms-transform: translateY(0.125rem);
	-o-transform: translateY(0.125rem);
	transform: translateY(0.125rem);
}

.btn-banner-dark.btn-banner-dark-white:active {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.btn-banner-dark.btn-banner-dark-white {
	border-radius: 0.25rem;
	background-color: #3650F9;
	background: -webkit-linear-gradient(left, rgba(54, 80, 249, 0), rgba(54, 80, 249, 0));
	background: linear-gradient(left, rgba(54, 80, 249, 0), rgba(54, 80, 249, 0));
	color: rgba(255, 255, 255, 0.9);
	padding: 0.75rem 3.25rem;
	border: 1px solid rgba(255, 255, 255, 0.4);
}

.btn-banner-dark.btn-banner-dark-white::after {
	background-color: #0842c7;
}

.btn-banner-dark.btn-banner-dark-white:hover {
	color: #fff;
	border: 1px solid transparent;
	-webkit-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.2);
}

.sub-icon.sub-icon-left,
.sub-icon.sub-icon-right {
	top: 0;
	width: 1rem;
	height: 100%;
	display: block;
	position: absolute;
	cursor: pointer;
	opacity: 0;
	color: #3650F9;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-transform-origin: -30% center;
	-moz-transform-origin: -30% center;
	-ms-transform-origin: -30% center;
	-o-transform-origin: -30% center;
	transform-origin: -30% center;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.sub-icon.sub-icon-left {
	left: 1rem;
}

.sub-icon.sub-icon-right {
	right: 1rem;
}

.sub-icon.sub-icon-left>.icon-arrow,
.sub-icon.sub-icon-right>.icon-arrow {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -0.218rem;
	width: 0.4375rem;
	height: 0.4375rem;
	border-top-width: 2px;
	border-top-style: solid;
	border-right-width: 2px;
	border-right-style: solid;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

*:hover>.sub-icon.sub-icon-left,
*:hover>.sub-icon.sub-icon-right {
	opacity: 1;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

screen#screen {
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: none;
	position: fixed;
}

.screen {
	width: 0;
	height: 0;
	display: none;
}

.screen-h {
	display: block;
}

.screen-h,
.screen-l,
.screen-m,
.screen-s,
.screen-x {
	opacity: 1;
}

.ickfont {
	width: 1.2rem;
	height: 1.2rem;
	color: #686e7a;
	display: inline-block;
	margin-right: 0.125rem;
	vertical-align: text-top;
	font-size: 1rem;
}

.ickfont.showfont {
	width: auto;
	height: auto;
	color: inherit;
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-size: inherit;
}

.link-button,
.link-button *,
.link-button *::before,
.link-button *::after,
.link,
.link *,
.link *::before,
.link *::after {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/*
.link-button {
	color: #b8bdca;
	text-decoration: none;
	padding: 1rem 2rem 1rem 0;
	display: inline-block;
	position: relative;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
}

.link-button span {
	display: inline-block;
	position: relative;
}

.link-button span::before,
.link-button span::after {
	content: '';
	color: #b8bdca;
	opacity: 0;
	display: block;
	position: absolute;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.link-button span::before {
	top: 0;
	left: 0;
	width: 0.5rem;
	height: 0.5rem;
	border-top-width: 2px;
	border-top-style: solid;
	border-left-width: 2px;
	border-left-style: solid;
}

.link-button span::after {
	bottom: 0;
	right: 0;
	width: 0.5rem;
	height: 0.5rem;
	border-right-width: 2px;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.link-button:hover {
	color: #fff;
}

.link-button:hover span::before {
	opacity: 0.3;
	-webkit-transform: translate(-0.75rem, -0.375rem);
	-moz-transform: translate(-0.75rem, -0.375rem);
	-ms-transform: translate(-0.75rem, -0.375rem);
	-o-transform: translate(-0.75rem, -0.375rem);
	transform: translate(-0.75rem, -0.375rem);
}

.link-button:hover span::after {
	opacity: 0.3;
	-webkit-transform: translate(0.75rem, 0.375rem);
	-moz-transform: translate(0.75rem, 0.375rem);
	-ms-transform: translate(0.75rem, 0.375rem);
	-o-transform: translate(0.75rem, 0.375rem);
	transform: translate(0.75rem, 0.375rem);
}
*/

.link {
	color: #727988;
	text-decoration: none;
	display: inline-block;
	position: relative;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
}

.link span {
	display: inline-block;
	position: relative;
	z-index: 10;
}

.link.link-button {
	color: #b8bdca;
	text-decoration: none;
	padding: 1rem 2rem 1rem 0;
	display: inline-block;
	position: relative;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
}

.link.link-button:hover {
	color: #fff;
}

.link span::after {
	content: '';
	background-color: #3650F9;
	/*-webkit-mask-image: -webkit-linear-gradient(top, rgba(54, 80, 249, 0.4) 0%, #3650F9 100%);
	mask-image: linear-gradient(top, rgba(54, 80, 249, 0.4) 0%, #3650F9 100%);*/
	width: 100%;
	height: 100%;
	opacity: 0;
	bottom: 0;
	display: block;
	position: absolute;
	z-index: -1;
	-webkit-transform-origin: center 100%;
	-moz-transform-origin: center 100%;
	-ms-transform-origin: center 100%;
	-o-transform-origin: center 100%;
	transform-origin: center 100%;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
}

.link:active,
.link:focus,
.link:hover {
	color: #fff;
}

.link:active span::after,
.link:focus span::after,
.link:hover span::after {
	opacity: 0.8;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.loading-animate {
	top: 50%;
	left: 50%;
	width: 3.75rem;
	height: 1rem;
	margin-left: -1.875rem;
	margin-top: -0.5rem;
	display: block;
	position: absolute;
}

.loading-animate .dot{
	width: 0.3125rem;
	height: 0.3125rem;
	top: 50%;
	border-radius: 50%;
	margin-top: -0.15rem;
	background-color: #3650F9;
	display: block;
	position: absolute;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation: loading-animate 2s;
	-moz-animation: loading-animate 2s;
	-ms-animation: loading-animate 2s;
	-o-animation: loading-animate 2s;
	animation: loading-animate 2s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.loading-animate .dot:nth-child(1) {
	left: 0.5rem;
}

.loading-animate .dot:nth-child(2) {
	left: 1.25rem;
	-webkit-animation-delay: 0.15s;
	-moz-animation-delay: 0.15s;
	-ms-animation-delay: 0.15s;
	-o-animation-delay: 0.15s;
	animation-delay: 0.15s;
}

.loading-animate .dot:nth-child(3) {
	left: 2rem;
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.loading-animate .dot:nth-child(4) {
	left: 2.75rem;
	-webkit-animation-delay: 0.45s;
	-moz-animation-delay: 0.45s;
	-ms-animation-delay: 0.45s;
	-o-animation-delay: 0.45s;
	animation-delay: 0.45s;
}

@keyframes loading-animate {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	15% {
		opacity: 0.8;
		transform: translateY(-5px);
	}

	40% {
		opacity: 0.8;
		transform: translateY(5px);
	}

	55% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-ms-keyframes loading-animate {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}

	15% {
		opacity: 0.8;
		-ms-transform: translateY(-5px);
	}

	40% {
		opacity: 0.8;
		-ms-transform: translateY(5px);
	}

	55% {
		opacity: 1;
		-ms-transform: translateY(0);
	}

	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@-moz-keyframes loading-animate {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

	15% {
		opacity: 0.8;
		-moz-transform: translateY(-5px);
	}

	40% {
		opacity: 0.8;
		-moz-transform: translateY(5px);
	}

	55% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-webkit-keyframes loading-animate {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	15% {
		opacity: 0.8;
		-webkit-transform: translateY(-5px);
	}

	40% {
		opacity: 0.8;
		-webkit-transform: translateY(5px);
	}

	55% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-o-keyframes loading-animate {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}

	15% {
		opacity: 0.8;
		-o-transform: translateY(-5px);
	}

	40% {
		opacity: 0.8;
		-o-transform: translateY(5px);
	}

	55% {
		opacity: 1;
		-o-transform: translateY(0);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

.page-nav {
	width: 100%;
	height: auto;
}

.page-nav .page-nav-item {
	width: 2.625rem;
	height: 2.625rem;
	line-height: 2.625rem;
	color: #787878;
	background-color: transparent;
	display: inline-block;
}

.page-nav .page-nav-item:hover {
	color: #565656;
	background-color: #e9eaec;
}

.page-nav .page-nav-item.page-nav-active {
	color: #fff;
	background-color: #3650F9;
}

.nav {
	top: 0;
	left: 0;
	padding: 0 1.5rem;
	width: 100%;
	font-size: 0;
	overflow: visible;
	float: left;
	display: block;
	position: fixed;
	z-index: 99999990;
	background-color: rgba(18, 18, 24, 0.5);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}

.nav,
.nav * {
	-webkit-transition: background 0.5s, box-shadow 0.5s, opacity 0.5s, transform 0.5s;
	-moz-transition: background 0.5s, box-shadow 0.5s, opacity 0.5s, transform 0.5s;
	-ms-transition: background 0.5s, box-shadow 0.5s, opacity 0.5s, transform 0.5s;
	-o-transition: background 0.5s, box-shadow 0.5s, opacity 0.5s, transform 0.5s;
	transition: background 0.5s, box-shadow 0.5s, opacity 0.5s, transform 0.5s;
}

.nav .nav-inner {
	margin: 0 auto;
	position: relative;
}

.nav-main {
	text-align: left;
}

.nav .logo {
	width: 9.375rem;
	height: 3.75rem;
	margin-right: 2rem;
	background-position: center;
	-o-background-size: cover;
	background-size: cover;
	background-image: url('../media/images/icekredit-logo-w.svg?16');
	position: relative;
	display: block;
	float: left;
}

.nav .nav-cld-panel {
	padding: 0.75rem 0;
	text-align: center;
	position: relative;
	display: block;
	float: right;
}

.nav .nav-cld-panel .more-info {
	display: none;
}

.nav .nav-contact {
	position: relative;
}

.nav .fast {
	font-family: 'BebasNeue', 'Open Sans', 'helvetica neue', arial, 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
	margin-right: 1.5rem;
	width: auto;
	height: 2.25rem;
	line-height: 2.5rem;
	font-size: 1.25rem;
	font-weight: 300;
	display: block;
	float: left;
	position: relative;
}

.nav .fast,
.nav .fast * {
	color: rgba(223, 230, 253, 0.6);
	-webkit-transition: color 0.3s ease-out, transform 0.3s;
	-moz-transition: color 0.3s ease-out, transform 0.3s;
	-ms-transition: color 0.3s ease-out, transform 0.3s;
	-o-transition: color 0.3s ease-out, transform 0.3s;
	transition: color 0.3s ease-out, transform 0.3s;
}

.nav .fast span{
	display: inline;
}

.nav .fast:hover span{
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

.nav .fast:hover span {
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation: fast-animate-wt 2s;
	-moz-animation: fast-animate-wt 2s;
	-ms-animation: fast-animate-wt 2s;
	-o-animation: fast-animate-wt 2s;
	animation: fast-animate-wt 2s;
}

.nav.white-back .fast,
.nav.white-back .fast *,
.nav.white-back .fast:hover,
.nav.white-back .fast:hover * {
	color: #5d6490;
}

.nav.white-back .fast:hover span {
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation: fast-animate 2s;
	-moz-animation: fast-animate 2s;
	-ms-animation: fast-animate 2s;
	-o-animation: fast-animate 2s;
	animation: fast-animate 2s;
}

.nav.black-back .fast,
.nav.black-back .fast *,
.nav.black-back .fast:hover,
.nav.black-back .fast:hover * {
	color: rgba(228, 235, 255, 0.8);
}

.nav.white-back.black-back .fast,
.nav.white-back.black-back .fast *,
.nav.white-back.black-back .fast:hover,
.nav.white-back.black-back .fast:hover * {
	color: #5d6490;
}

.nav .fast:hover span:nth-child(1) {
	-webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	-ms-animation-delay: 0.1s;
	-o-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.nav .fast:hover span:nth-child(2) {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.nav .fast:hover span:nth-child(3) {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.nav .fast:hover span:nth-child(4) {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-ms-animation-delay: 0.4s;
	-o-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.nav .fast:hover span:nth-child(5) {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.nav .fast:hover span:nth-child(6) {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.nav .fast:hover span:nth-child(7) {
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	-ms-animation-delay: 0.7s;
	-o-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.nav .fast:hover span:nth-child(8) {
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-ms-animation-delay: 0.8s;
	-o-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

.nav .fast:hover span:nth-child(9) {
	-webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
	-ms-animation-delay: 0.9s;
	-o-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

.nav .fast:hover span:nth-child(10) {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}

.nav .fast:hover span:nth-child(11) {
	-webkit-animation-delay: 1.1s;
	-moz-animation-delay: 1.1s;
	-ms-animation-delay: 1.1s;
	-o-animation-delay: 1.1s;
	animation-delay: 1.1s;
}

@keyframes fast-animate {
	0% {
		color: #5d6490;
	}

	15% {
		color: #b9bdd6;
	}

	30% {
		color: #5d6490;
	}

	100% {
		color: #5d6490;
	}
}

@-ms-keyframes fast-animate {
	0% {
		color: #5d6490;
	}

	15% {
		color: #b9bdd6;
	}

	30% {
		color: #5d6490;
	}

	100% {
		color: #5d6490;
	}
}

@-moz-keyframes fast-animate {
	0% {
		color: #5d6490;
	}

	15% {
		color: #b9bdd6;
	}

	30% {
		color: #5d6490;
	}

	100% {
		color: #5d6490;
	}
}

@-webkit-keyframes fast-animate {
	0% {
		color: #5d6490;
	}

	15% {
		color: #b9bdd6;
	}

	30% {
		color: #5d6490;
	}

	100% {
		color: #5d6490;
	}
}

@-o-keyframes fast-animate {
	0% {
		color: #5d6490;
	}

	15% {
		color: #b9bdd6;
	}

	30% {
		color: #5d6490;
	}

	100% {
		color: #5d6490;
	}
}

@keyframes fast-animate-wt {
	0% {
		color: rgba(228, 235, 255, 0.8);
	}

	15% {
		color: #fff;
	}

	30% {
		color: rgba(228, 235, 255, 0.8);
	}

	100% {
		color: rgba(228, 235, 255, 0.8);
	}
}

@-ms-keyframes fast-animate-wt {
	0% {
		color: rgba(228, 235, 255, 0.8);
	}

	15% {
		color: #fff;
	}

	30% {
		color: rgba(228, 235, 255, 0.8);
	}

	100% {
		color: rgba(228, 235, 255, 0.8);
	}
}

@-moz-keyframes fast-animate-wt {
	0% {
		color: rgba(228, 235, 255, 0.8);
	}

	15% {
		color: #fff;
	}

	30% {
		color: rgba(228, 235, 255, 0.8);
	}

	100% {
		color: rgba(228, 235, 255, 0.8);
	}
}

@-webkit-keyframes fast-animate-wt {
	0% {
		color: rgba(228, 235, 255, 0.8);
	}

	15% {
		color: #fff;
	}

	30% {
		color: rgba(228, 235, 255, 0.8);
	}

	100% {
		color: rgba(228, 235, 255, 0.8);
	}
}

@-o-keyframes fast-animate-wt {
	0% {
		color: rgba(228, 235, 255, 0.8);
	}

	15% {
		color: #fff;
	}

	30% {
		color: rgba(228, 235, 255, 0.8);
	}

	100% {
		color: rgba(228, 235, 255, 0.8);
	}
}

.nav.ontop {
	background-color: rgba(0, 0, 0, 0);
}

.nav.black-back {
	background-color: rgba(8, 8, 10, 0.8);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}

.nav.white-back {
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
}

.nav.white-back:hover {
	-webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
	background-color: rgba(255, 255, 255, 1);
}

.menu {
	margin: 0;
	padding: 0;
	font-size: 0;
	position: relative;
	display: inline-block;
}

.menu.menu-right {
	float: right;
}

.menu,
.menu * {
	-webkit-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.menu-item {
	padding: 0;
	margin: 0;
	/*background-color: #535361;*/
	white-space: nowrap;
	list-style-type: none;
	position: relative;
	display: block;
	float: left;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.15);
}

.menu-item .menu-button {
	padding: 1.375rem 2rem;
	margin: 0;
	font-size: 0.875rem;
	font-weight: 400;
	color: #fff;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.menu-item .icon-arrow {}

.menu-item-sub>.sub-icon>.icon-arrow {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.menu>.menu-item::after {
	content: ' ';
	width: calc(100% - 2rem);
	height: calc(100% - 1.5rem);
	top: 0.8175rem;
	left: 1rem;
	border-radius: 0.25rem;
	background-color: rgba(245, 245, 255, 0.08);
	opacity: 0;
	display: block;
	position: absolute;
	z-index: 1;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.menu>.menu-item.menu-item-active::after,
.menu>.menu-item:hover::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.menu>.menu-item.menu-item-sub.menu-item-active::after,
.menu>.menu-item.menu-item-sub:hover::after {
	width: calc(100% - 1.625rem);
}

.menu-item.menu-item-active>.menu-button,
.menu-item.menu-item-active>.sub-icon {
	/*background-color: blue;*/
	color: #3650F9;
}

.menu>.menu-item>.menu-button,
.menu>.menu-item>.sub-icon,
.menu>.menu-item.menu-item-active>.menu-button,
.menu>.menu-item.menu-item-active>.sub-icon {
	/*background-color: blue;*/
	color: #fff;
	z-index: 5;
}

.menu>.menu-item>.menu-button,
.menu>.menu-item>.sub-icon {
	display: inline-block;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.menu>.menu-item:hover>.menu-button,
.menu>.menu-item:hover>.sub-icon {
	color: #fff;
	/*-webkit-transform: translateY(-0.0625rem);
	-moz-transform: translateY(-0.0625rem);
	-ms-transform: translateY(-0.0625rem);
	-o-transform: translateY(-0.0625rem);
	transform: translateY(-0.0625rem);*/
}

/*.menu>.menu-item>.menu-sub::before {
	content: '';
    left: 0;
    right: 0;
	top: 0;
	height: 3px;
    position: absolute;
    background-color: #3650F9;
    width: auto;
	display: inline-block;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
}*/

.menu-item.menu-item-sub {
	padding-right: 2rem;
}

.menu-item.menu-item-sub>.menu-button {
	padding-right: 0.2rem;
}

.menu-sub {
	margin: 0;
	padding: 1rem 0;
	margin-left: 0;
	min-width: 9rem;
	background-color: #fff;
	border-top: 1px solid #eaeaea;
	overflow: hidden;
	position: absolute;
	display: block;
	float: left;
	opacity: 0;
	z-index: -100;
	-webkit-box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
	-webkit-transform: translateY(-0.5rem);
	-moz-transform: translateY(-0.5rem);
	-ms-transform: translateY(-0.5rem);
	-o-transform: translateY(-0.5rem);
	transform: translateY(-0.5rem);
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.menu-sub .menu-item {
	width: 100%;
}

.menu-sub .menu-item .menu-button {
	width: 100%;
}

.menu-sub .menu-item {
	background-color: #fff;
}

.menu-sub .menu-item .menu-button {
	padding: 0.875rem 2rem;
	color: #565656;
}

.menu-sub .menu-item>.menu-button {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.menu-sub .menu-item:hover {
	background-color: #f5f6fa;
}

.menu-sub .menu-item:hover>.menu-button {
	color: #3650F9;
	-webkit-transform: translateX(0.375rem);
	-moz-transform: translateX(0.375rem);
	-ms-transform: translateX(0.375rem);
	-o-transform: translateX(0.375rem);
	transform: translateX(0.375rem);
}

.action .menu-sub {
	opacity: 1;
	z-index: 50;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-pointer-events: auto;
	-moz-pointer-events: auto;
	-ms-pointer-events: auto;
	-o-pointer-events: auto;
	pointer-events: auto;
}

.menu-sub>.menu-item {
	opacity: 0;
	-webkit-transform: translateY(-0.25rem);
	-moz-transform: translateY(-0.25rem);
	-ms-transform: translateY(-0.25rem);
	-o-transform: translateY(-0.25rem);
	transform: translateY(-0.25rem);
}

.action>.menu-sub>.menu-item {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.action>.sub-icon>.icon-arrow {
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
}

.menu>.menu-item>.menu-button,
.menu>.menu-item>.sub-icon {
	color: rgba(241, 242, 251, 0.65);
}

.menu>.menu-item:hover>.menu-button,
.menu>.menu-item:hover>.sub-icon {
	color: #fff;
}

/*.menu>.menu-item:hover>.menu-sub::before {
	opacity: 1;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}*/

.menu>.menu-item>.sub-icon {
	top: 50%;
	right: 1rem;
	margin-top: -0.5rem;
	width: 1rem;
	height: 1rem;
	display: block;
	position: absolute;
	cursor: pointer;
	opacity: 1;
	color: rgba(255, 255, 255, 0.65);
	-webkit-transform-origin: center 57%;
	-moz-transform-origin: center 57%;
	-ms-transform-origin: center 57%;
	-o-transform-origin: center 57%;
	transform-origin: center 57%;
	-webkit-transform: rotate(0) translateY(0);
	-moz-transform: rotate(0) translateY(0);
	-ms-transform: rotate(0) translateY(0);
	-o-transform: rotate(0) translateY(0);
	transform: rotate(0) translateY(0);
}

.menu>.menu-item>.sub-icon>.icon-arrow {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -0.25rem;
	margin-left: -0.1875rem;
	width: 0.375rem;
	height: 0.375rem;
	border-top-width: 2px;
	border-top-style: solid;
	border-right-width: 2px;
	border-right-style: solid;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.menu>.menu-item:hover>.sub-icon {
	-webkit-transform: rotate(180deg) translateY(0.125rem);
	-moz-transform: rotate(180deg) translateY(0.125rem);
	-ms-transform: rotate(180deg) translateY(0.125rem);
	-o-transform: rotate(180deg) translateY(0.125rem);
	transform: rotate(180deg) translateY(0.125rem);
}

.nav.white-back .logo {
	height: 3.75rem;
	background-image: url('../media/images/icekredit-logo.svg?16');
}

.nav.white-back .menu>.menu-item>.menu-button,
.nav.white-back .menu>.menu-item>.sub-icon {
	color: #565656;
}

.nav.white-back .menu>.menu-item>.menu-button {
	padding: 1.375rem 2rem;
}

.nav.white-back .menu>.menu-item>.menu-button {
	padding: 1.375rem 2rem;
}

.nav.white-back .menu-item.menu-item-sub>.menu-button {
	padding-right: 0.2rem;
}

.nav.white-back .menu>.menu-item:hover>.menu-button,
.nav.white-back .menu>.menu-item:hover>.sub-icon {
	color: #333;
}

.nav.white-back .menu>.menu-item:hover::after,
.nav.white-back .menu>.menu-item.menu-item-active::after {
	background-color: rgba(89, 95, 119, 0.1);
}

.nav.white-back .menu>.menu-item.menu-item-active>.menu-button,
.nav.white-back .menu>.menu-item.menu-item-active>.sub-icon {
	/*background-color: blue;*/
	color: #333;
}

.nav.white-back .nav-cld-panel {
	padding: 0.75rem 0;
}

.menu-sub .menu-item.menu-item-active .menu-button,
.menu-sub .menu-item.menu-item-active .sub-icon {
	color: #3650F9;
}

@media (max-width: 58.75rem) {

	.menu>.menu-item>.menu-button,
	.nav.white-back .menu>.menu-item>.menu-button {
		padding: 1.375rem 1.5rem;
	}

	.menu-item.menu-item-sub>.menu-button,
	.nav.white-back .menu-item.menu-item-sub>.menu-button {
		padding-right: 0.2rem;
	}
}

@media (max-width: 56.25rem) {
	.nav .nav-cld-panel {
		display: none;
	}
}

@media (max-width: 66rem) {
	.nav .fast {
		display: none;
	}
}

@media (max-width: 49.625rem) {

	.menu>.menu-item>.menu-button,
	.nav.white-back .menu>.menu-item>.menu-button {
		padding: 1.375rem 1.25rem;
	}

	.menu-item.menu-item-sub>.menu-button,
	.nav.white-back .menu-item.menu-item-sub>.menu-button {
		padding-right: 0.2rem;
	}
}

.container {
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}

.block-wrap {
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative;
	display: block;
	clear: both;
	overflow: hidden;
}

.block-wrap::after {
	content: '';
	clear: both;
}

.block-wrap-gray {
	background-color: #f5f6fa;
}

.block-wrap-gray-nav {
	background-color: #fff;
}

.block-wrap-deepgray {
	color: #fff;
	background-color: #303340;
	/*background: linear-gradient(bottom, #001754, #18378c);
	background: -webkit-linear-gradient(bottom, #001754, #18378c);*/
}

.block-wrap.block-wrap-deepgray .main-title {
	color: #fff;
}

.block-wrap.block-wrap-deepgray .main-title span::before {
	color: #fff;
	border-color: #fff;
}

.block-wrap.block-wrap-deepgray .main-title span::after {
	color: #fff;
	border-color: #fff;
	opacity: 0.5;
}

.block-wrap.block-wrap-deepgray .sub-title {
	color: #fff;
	opacity: 0.7;
}

.block-wrap-gray2 {
	color: #fff;
	background-color: #edeff6;
}

.block-wrap-blue {
	color: #fff;
	background-color: #092ab9;
}

.block-wrap.block-wrap-blue .main-title {
	color: #fff;
}

.block-wrap.block-wrap-blue .main-title span::before {
	color: #fff;
}

.block-wrap.block-wrap-blue .main-title span::after {
	color: rgba(255, 255, 255, 0.5);
}

.block-wrap.block-wrap-blue .sub-title {
	color: rgba(255, 255, 255, 0.6);
}

.block-wrap-black {
	background-color: #1d232d;
}

.block-inner {
	padding: 0;
	margin: 0 auto;
	position: relative;
	display: block;
	clear: both;
}

.block-inner::after {
	content: ' ';
	clear: both;
}

.block-wrap .main-title {
	margin-top: 3rem;
	margin-bottom: 1rem;
	color: #292929;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.block-wrap .main-title span {
	display: inline-block;
}

.block-wrap .main-title span::before {
	content: '';
	color: #3668f9;
	display: inline-block;
	position: relative;
	margin-right: 1rem;
	width: 0.75rem;
	height: 0.75rem;
	border-top-width: 5px;
	border-top-style: solid;
	border-left-width: 5px;
	border-left-style: solid;
	vertical-align: top;
}

.block-wrap .main-title span::after {
	content: '';
	color: #9ab3fc;
	display: inline-block;
	position: relative;
	margin-left: 1rem;
	width: 0.75rem;
	height: 0.75rem;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-right-width: 5px;
	border-right-style: solid;
	vertical-align: bottom;
}

.block-wrap h3.main-title {
	text-align: left;
}

.block-wrap h3.main-title span::before {
	margin-top: 0.375rem;
	width: 0.75rem;
	height: 0.75rem;
	border-bottom-width: 3px;
	border-right-width: 3px;
	-webkit-transform: translateX(0) rotate(135deg);
	-moz-transform: translateX(0) rotate(135deg);
	-ms-transform: translateX(0) rotate(135deg);
	-o-transform: translateX(0) rotate(135deg);
	transform: translateX(0) rotate(135deg);
}

.block-wrap h3.main-title span::after {
	content: none;
}

.block-wrap .sub-title {
	margin-top: 0.375rem;
	margin-bottom: 1rem;
}

.block-wrap .block-thumbnail {
	padding: 1rem;
}

.block-wrap .block-thumbnail img {
	width: auto;
	height: auto;
}

.block-wrap .block-background-h {
	top: 0;
    right: 50%;
    margin-right: -60rem;
	width: 120rem;
	height: 100%;
    position: absolute;
	z-index: 1;
	background-position: center;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}

.block-wrap .block-background-w {
	top: 0;
    right: 50%;
    margin-right: -50%;
	width: 100%;
	height: 100%;
    position: absolute;
	z-index: 1;
	background-position: center;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}

.block-wrap .block-background-wr {
	top: 0;
    right: 50%;
    margin-right: -50%;
	width: 100%;
	height: 100%;
    position: absolute;
	z-index: 1;
	background-position: center;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}

.block-wrap .block-background-top {
	top: 0;
    left: 0;
	width: 100%;
	height: 3rem;
    position: absolute;
	z-index: 1;
	background-position: 0 0;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.block-wrap .block-background-bottom {
	bottom: 0;
    left: 0;
	width: 100%;
	height: 3rem;
    position: absolute;
	z-index: 1;
	background-position: 0 0;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.block-wrap .rollback-200 {
	top: -200px;
	height: calc(100% + 200px);
}

.block-wrap .rollback-300 {
	top: -300px;
	height: calc(100% + 300px);
}

.banner-wrap {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 38.75rem;
	background-color: #f5f5f5;
	position: relative;
	display: block;
	overflow: hidden;
	clear: both;
}

.banner-wrap.banner-wrap-short {
	height: 30rem;
}

.banner-wrap.banner-wrap-short-nav {
	height: 3.75rem;
}

.banner-wrap-dark {
	background-color: #181820;
}

.banner {
	margin: 0;
	padding: 0;
	height: 620px;
	height: 38.75rem;
	width: 100%;
	background-color: #f5f5f5;
	background-position: center;
	-o-background-size: cover;
	background-size: cover;
	display: block;
	position: relative;
}

.banner-wrap.banner-wrap-short-nav .banner{
	height: 3.75rem;
}

.banner h1,
.banner h2,
.banner h3 {
	margin-bottom: 0;
}

.banner h3 {
	font-weight: 200;
}

.banner-wrap.banner-wrap-short .banner {
	height: 30rem;
}

.banner-dark {
	background-color: #0e39b6;
}

.banner::after {
	content: '';
	clear: both;
}

.banner-inner {
	height: 38.75rem;
	margin: 0 auto;
	padding: 3.75rem 0 0 0;
	text-align: left;
	position: relative;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	clear: both;
}

.banner-wrap.banner-wrap-short .banner-inner {
	height: 30rem;
}

.banner-panel {
	width: 62%;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #fff;
	z-index: 100;
}

.banner-back {
	-webkit-transition: opacity 0.8s ease-in;
	-moz-transition: opacity 0.8s ease-in;
	-ms-transition: opacity 0.8s ease-in;
	-o-transition: opacity 0.8s ease-in;
	transition: opacity 0.8s ease-in;
	opacity: 0;
}

.slider-active .banner-back {
	opacity: 1;
}

.banner.banner-back-wrap {
	width: 100%;
	top: 0;
	background-color: transparent;
	position: absolute;
}

.banner-back-main-fix {
	top: 0;
	right: 23%;
	margin-right: -80rem;
	height: 38.75rem;
	width: 160rem;
	position: absolute;
	z-index: 10;
	background-position: center;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.banner-back-main-fix.banner-back-main-fix-center {
	right: 50%;
}

.banner-back.banner-3d {
	opacity: 1;
	z-index: 1;
}

.banner-dark .banner-back-main-fix {
	background-color: #181820;
	background-position: center;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-wrap-dark canvas{
	background-color: #181820;
}

.banner-wrap.banner-wrap-short .banner-back-main-fix {
	height: 30rem;
}

.banner-back-front-fix {
	top: 0;
	right: 50%;
	margin-right: -60rem;
	height: 38.75rem;
	width: 120rem;
	position: absolute;
	z-index: 20;
}

.banner-wrap.banner-wrap-short .banner-back-front-fix {
	height: 30rem;
}

.banner-back-ground-fix {
	top: 0;
	right: 50%;
	margin-right: -60rem;
	height: 38.75rem;
	width: 120rem;
	position: absolute;
	z-index: 50;
}

.banner-wrap.banner-wrap-short .banner-back-ground-fix {
	height: 30rem;
}

.banner.banner-dark {
	background-color: transparent;
}

.banner.banner-dark h1 span,
.banner.banner-dark h2 span {
	color: rgba(255, 255, 255, 0.7);
	background: linear-gradient(left, rgba(255, 255, 255, 0.4), #fff, rgba(255, 255, 255, 0.4));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.4), #fff, rgba(255, 255, 255, 0.4));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	display: block;
	float: left;
	position: relative;
}

.banner.banner-dark h3 {
	color: rgba(255, 255, 255, 0.6);
}

.nav.nav-simple {
	color: #fff;
}

.menu-button * {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.slider {
	margin: 0;
	padding: 0;
	height: 38.75rem;
	width: 100%;
	opacity: 0;
	position: relative;
	z-index: 2;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.slider h1,
.slider h2,
.slider h3,
.slider .button {
	opacity: 0;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.3s ease-out;
	-webkit-transform: translateY(1rem);
	-moz-transform: translateY(1rem);
	-ms-transform: translateY(1rem);
	-o-transform: translateY(1rem);
	transform: translateY(1rem);
}

.slider.slider-active h1,
.slider.slider-active h2,
.slider.slider-active h3,
.slider.slider-active .button {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.slider.slider-active {
	opacity: 1;
	z-index: 100;
	-webkit-pointer-events: auto;
	-moz-pointer-events: auto;
	-ms-pointer-events: auto;
	-o-pointer-events: auto;
	pointer-events: auto;
}

.slider-nav {
	bottom: 1rem;
	left: 0;
	width: 100%;
	text-align: center;
	position: absolute;
	display: block;
	z-index: 200;
}

.slider-nav-inner {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	position: relative;
	display: block;
}

.slider-nav .slider-bubble {
	width: 2rem;
	height: 2rem;
	margin: 0 0.3125rem;
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.slider-nav .slider-bubble.slider-bubble-active {
	width: 3rem;
}

.slider-nav .slider-bubble .slider-bubble-front {
	top: 50%;
	left: 0;
	width: 100%;
	height: 0.125rem;
	background-color: rgba(255, 255, 255, 0.8);
	display: block;
	position: absolute;
	z-index: 10;
	-webkit-transform-origin: 0% center;
	-moz-transform-origin: 0% center;
	-ms-transform-origin: 0% center;
	-o-transform-origin: 0% center;
	transform-origin: 0% center;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.slider-nav .slider-bubble.slider-bubble-active .slider-bubble-front {
	-webkit-transition: all 5s linear;
	-moz-transition: all 5s linear;
	-ms-transition: all 5s linear;
	-o-transition: all 5s linear;
	transition: all 5s linear;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

.slider-nav .slider-bubble .slider-bubble-back {
	top: 50%;
	left: 0;
	width: 100%;
	height: 0.125rem;
	background-color: rgba(255, 255, 255, 0.2);
	display: block;
	position: absolute;
	z-index: 7;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.slider-nav .slider-bubble.slider-bubble-active .slider-bubble-back {
	background-color: rgba(255, 255, 255, 0.4);
}

.icon-line.icon-line-mid {
	opacity: 1;
	-webkit-transform: scaleX(1) rotate(0) translateY(0);
	-moz-transform: scaleX(1) rotate(0) translateY(0);
	-ms-transform: scaleX(1) rotate(0) translateY(0);
	-o-transform: scaleX(1) rotate(0) translateY(0);
	transform: scaleX(1) rotate(0) translateY(0);
}

.icon-line.icon-line-mid1 {
	opacity: 1;
	-webkit-transform: scaleX(1) rotate(0) translateY(0);
	-moz-transform: scaleX(1) rotate(0) translateY(0);
	-ms-transform: scaleX(1) rotate(0) translateY(0);
	-o-transform: scaleX(1) rotate(0) translateY(0);
	transform: scaleX(1) rotate(0) translateY(0);
}

.icon-line.icon-line-mid2 {
	opacity: 1;
	-webkit-transform: scaleX(1) rotate(0) translateY(0);
	-moz-transform: scaleX(1) rotate(0) translateY(0);
	-ms-transform: scaleX(1) rotate(0) translateY(0);
	-o-transform: scaleX(1) rotate(0) translateY(0);
	transform: scaleX(1) rotate(0) translateY(0);
}

.icon-line.icon-line-top {
	opacity: 1;
	-webkit-transform: scaleX(1) rotate(0) translateY(-0.5rem);
	-moz-transform: scaleX(1) rotate(0) translateY(-0.5rem);
	-ms-transform: scaleX(1) rotate(0) translateY(-0.5rem);
	-o-transform: scaleX(1) rotate(0) translateY(-0.5rem);
	transform: scaleX(1) rotate(0) translateY(-0.5rem);
}

.icon-line.icon-line-bot {
	opacity: 1;
	-webkit-transform: scaleX(1) rotate(0) translateY(0.5rem);
	-moz-transform: scaleX(1) rotate(0) translateY(0.5rem);
	-ms-transform: scaleX(1) rotate(0) translateY(0.5rem);
	-o-transform: scaleX(1) rotate(0) translateY(0.5rem);
	transform: scaleX(1) rotate(0) translateY(0.5rem);
}

.icon-close .icon-line.icon-line-mid {
	opacity: 0;
	-webkit-transform: scaleX(0) rotate(0) translateY(0);
	-moz-transform: scaleX(0) rotate(0) translateY(0);
	-ms-transform: scaleX(0) rotate(0) translateY(0);
	-o-transform: scaleX(0) rotate(0) translateY(0);
	transform: scaleX(0) rotate(0) translateY(0);
}

.icon-close .icon-line.icon-line-mid1 {
	opacity: 1;
	-webkit-transform: scaleX(1) rotate(45deg) translateY(0);
	-moz-transform: scaleX(1) rotate(45deg) translateY(0);
	-ms-transform: scaleX(1) rotate(45deg) translateY(0);
	-o-transform: scaleX(1) rotate(45deg) translateY(0);
	transform: scaleX(1) rotate(45deg) translateY(0);
}

.icon-close .icon-line.icon-line-mid2 {
	opacity: 1;
	-webkit-transform: scaleX(1) rotate(-45deg) translateY(0);
	-moz-transform: scaleX(1) rotate(-45deg) translateY(0);
	-ms-transform: scaleX(1) rotate(-45deg) translateY(0);
	-o-transform: scaleX(1) rotate(-45deg) translateY(0);
	transform: scaleX(1) rotate(-45deg) translateY(0);
}

.icon-close .icon-line.icon-line-top {
	opacity: 1;
	-webkit-transform: scaleX(0) rotate(0) translateY(0);
	-moz-transform: scaleX(0) rotate(0) translateY(0);
	-ms-transform: scaleX(0) rotate(0) translateY(0);
	-o-transform: scaleX(0) rotate(0) translateY(0);
	transform: scaleX(0) rotate(0) translateY(0);
}

.icon-close .icon-line.icon-line-bot {
	opacity: 1;
	-webkit-transform: scaleX(0) rotate(0) translateY(0);
	-moz-transform: scaleX(0) rotate(0) translateY(0);
	-ms-transform: scaleX(0) rotate(0) translateY(0);
	-o-transform: scaleX(0) rotate(0) translateY(0);
	transform: scaleX(0) rotate(0) translateY(0);
}

.expand-box {
	padding: 0;
	font-size: 0.875rem;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-color: rgba(8, 11, 20, 0.1);
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
}

.expand-box:last-child {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.expand-box .eb-column {
	margin: 0;
	padding: 1rem;
	width: 100%;
	text-align: left;
	position: relative;
	display: block;
	float: left;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	z-index: 20;
}

.eb-column .sub-icon {
	width: 1rem;
	height: 1rem;
	right: 0.5rem;
	top: 50%;
	right: 0.625rem;
	margin-top: -0.5rem;
	display: block;
	position: absolute;
}

.eb-column .sub-icon .icon-arrow {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -0.218rem;
	margin-left: -0.218rem;
	width: 0.4375rem;
	height: 0.4375rem;
	border-top-width: 2px;
	border-top-style: solid;
	border-right-width: 2px;
	border-right-style: solid;
	border-color: #9ea5b5;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
}

.expand-box.close .eb-column .sub-icon .icon-arrow {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.expand-box .eb-content {
	margin: 0;
	padding: 1rem;
	width: 100%;
	text-align: left;
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	opacity: 1;
	z-index: 10;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.expand-box.close .eb-content {
	opacity: 0;
	-webkit-transform: translateY(-2rem);
	-moz-transform: translateY(-2rem);
	-ms-transform: translateY(-2rem);
	-o-transform: translateY(-2rem);
	transform: translateY(-2rem);
}

.expand-box.expand-box-bs.close .eb-content {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.expand-box .eb-content>.title {
	color: #292929;
	font-size: 1.25rem;
	font-weight: 500;
}

.expand-panel {
	padding-bottom: 3rem;
	overflow: hidden;
	height: auto;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.expand-panel.close {
	padding-bottom: 0;
}

.expand-panel .expand-panel-inner {
	padding: 1px;
	height: 100%;
	position: relative;
}

.expand-panel.close .expand-panel-inner {
	-webkit-mask-image: -webkit-linear-gradient(top, #fff 0%, #fff 70%, rgba(255, 255, 255, 0.2) 100%);
	mask-image: linear-gradient(top, #fff 0%, #fff 70%, rgba(255, 255, 255, 0.2) 100%);
	-webkit-mask-repeat: repeat-x;
	mask-repeat: repeat-x;
	-webkit-mask-position: bottom;
	mask-position: bottom;
}

.expand-panel .expand-panel-button {
	left: 50%;
	bottom: 0;
	width: 2.5rem;
	height: 2.5rem;
	margin-left: -1.25rem;
	border-radius: 50%;
	z-index: 500;
	cursor: pointer;
	opacity: 0.7;
	background-color: #fff;
	border: 1px solid #cacccf;
	display: block;
	position: absolute;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
}

.expand-panel .expand-panel-button::before {
	content: '';
	width: 0.625rem;
	height: 0.625rem;
	left: 50%;
	top: 50%;
	margin-left: -0.3125rem;
	margin-top: -0.1875rem;
	border-top-width: 3px;
	border-top-style: solid;
	border-right-width: 3px;
	border-right-style: solid;
	border-color: #3650F9;
	display: block;
	position: absolute;
	cursor: pointer;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 550;
}

.expand-panel.close .expand-panel-button::before {
	margin-top: -0.375rem;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.unit {
	position: relative;
}

.unit,
.unit *,
.unit *::before,
.unit *::after {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.unit .unit-inner {
	width: 100%;
	height: 100%;
	min-height: 2rem;
	background-color: #fff;
	display: block;
	float: left;
	position: relative;
}

.unit.small .unit-inner {
	background-color: #f8f9fc;
	cursor: pointer;
}

.unit.small .unit-inner:hover {
	background-color: #fff;
}

.unit .unit-inner:hover {
	-webkit-box-shadow: 1px 3px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 3px 20px rgba(0, 0, 0, 0.1);
}

.admin-console .unit-inner,
.posts .unit-inner {
	border: 1px solid transparent;
	z-index: 0;
}

.admin-console .unit-inner:hover,
.posts .unit-inner:hover {
	border: 1px solid #8293ff;
	z-index: 10;
}

.unit .unit-left {
	top: 0;
	left: 0;
	width: 8.375rem;
	height: 8.375rem;
	display: block;
	float: left;
	position: absolute;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.unit .unit-inner.row .unit-left {
	width: 100%;
	height: auto;
	position: relative;
}

.unit.small .unit-left {
	width: 5rem;
	height: 5rem;
}

.unit.show-link .unit-left {
	-webkit-transform: translateY(-0.375rem);
	-moz-transform: translateY(-0.375rem);
	-ms-transform: translateY(-0.375rem);
	-o-transform: translateY(-0.375rem);
	transform: translateY(-0.375rem);
}

.unit.small.show-link .unit-left {
    -webkit-transform: translateX(-0.375rem);
    -moz-transform: translateX(-0.375rem);
    -ms-transform: translateX(-0.375rem);
    -o-transform: translateX(-0.375rem);
    transform: translateX(-0.375rem);
}

.unit .thumbnail {
	width: 100%;
	height: auto;
	display: block;
	float: left;
	position: relative;
}

.admin-console .unit .thumbnail {
	width: 100%;
	height: 8rem;
	display: block;
	float: left;
	position: relative;
}

.admin-console .unit .weak {
	color: #b9bdd6;
	font-size: 0.5rem;
}

.screen-m.admin-console .unit .thumbnail {
	height: 8rem;
}

.screen-x.admin-console .unit .thumbnail {
	height: 6rem;
}

.admin-console .unit .unit-tool {
	width: 100%;
	height: auto;
	padding: 0.5rem;
	display: block;
	float: left;
	position: relative;
}

.unit .unit-right {
	width: 100%;
	padding-left: 8.375rem;
	min-height: 8.375rem;
	text-align: left;
	display: block;
	float: right;
	position: relative;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.unit.small .unit-right {
	padding-left: 5rem;
	min-height: 5rem;
}

.unit.small .unit-right .title{
	width: auto;
	margin: 0;
	top: 50%;
	position: absolute;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.unit.small.show-link .unit-right {
    -webkit-transform: translateX(-0.375rem);
    -moz-transform: translateX(-0.375rem);
    -ms-transform: translateX(-0.375rem);
    -o-transform: translateX(-0.375rem);
    transform: translateX(-0.375rem);
}

.unit .unit-right.no-left {
	padding-left: 0;
}

.unit .unit-right .unit-right-mask {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	display: block;
	position: absolute;
	z-index: 100;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #fff 90%);
	background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #fff 90%);
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.unit.show-link .unit-right {
	-webkit-mask-repeat: repeat-x;
	mask-repeat: repeat-x;
	-webkit-mask-position: bottom;
	mask-position: bottom;
	-webkit-transform: translateY(-0.375rem);
	-moz-transform: translateY(-0.375rem);
	-ms-transform: translateY(-0.375rem);
	-o-transform: translateY(-0.375rem);
	transform: translateY(-0.375rem);
}

.unit.show-link .unit-right .unit-right-mask {
	opacity: 1;
}

.unit .title {
	margin-top: 0.5rem;
	color: #292929;
	font-size: 1rem;
	font-weight: 700;
	text-align: left;
}

.unit .link-button {
	width: auto;
	height: 3rem;
	right: 0;
	bottom: 0;
	font-size: 0.875rem;
	line-height: 3rem;
	text-align: right;
	display: block;
	position: absolute;
	z-index: -1;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.unit.small .link-button {
	height: 100%;
}

.unit.show-link .link-button {
	z-index: 100;
	-webkit-pointer-events: auto;
	-moz-pointer-events: auto;
	-ms-pointer-events: auto;
	-o-pointer-events: auto;
	pointer-events: auto;
}

.unit .link-button span {
	margin-right: 3.375rem;
	display: inline-block;
	opacity: 0;
	-webkit-transform: translateY(1rem);
	-moz-transform: translateY(1rem);
	-ms-transform: translateY(1rem);
	-o-transform: translateY(1rem);
	transform: translateY(1rem);
}

.unit.show-link .link-button span {
	color: #fff;
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.unit .link-button::before {
	content: ' ';
	width: calc(100% + 1.875rem);
	height: 100%;
	right: 0;
	bottom: 0;
	background-color: transparent;
	display: block;
	position: absolute;
	-webkit-transform-origin: center 100%;
	-moz-transform-origin: center 100%;
	-ms-transform-origin: center 100%;
	-o-transform-origin: center 100%;
	transform-origin: center 100%;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	z-index: -1;
}

.unit.small .link-button::before {
	width: 0;
	opacity: 0;
}

.unit.show-link .link-button::before {
	background-color: #3650F9;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.unit.small.show-link .link-button::before {
	opacity: 1;
}

.unit .link-button .arrow {
	width: 3rem;
	height: 100%;
	right: 0.5rem;
	bottom: 0;
	opacity: 0;
	display: block;
	position: absolute;
	-webkit-transform: translate(0, 0.375rem);
	-moz-transform: translate(0, 0.375rem);
	-ms-transform: translate(0, 0.375rem);
	-o-transform: translate(0, 0.375rem);
	transform: translate(0, 0.375rem);
}

.unit.show-link .link-button .arrow {
	opacity: 0.7;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.unit.small .link-button .arrow {
	-webkit-transform: translateX(-0.5rem);
	-moz-transform: translateX(-0.5rem);
	-ms-transform: translateX(-0.5rem);
	-o-transform: translateX(-0.5rem);
	transform: translateX(-0.5rem);
}

.unit.small.show-link .link-button .arrow {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.unit.show-link .link-button:hover .arrow {
	opacity: 1;
	-webkit-transform: translate(0.5rem, 0);
	-moz-transform: translate(0.5rem, 0);
	-ms-transform: translate(0.5rem, 0);
	-o-transform: translate(0.5rem, 0);
	transform: translate(0.5rem, 0);
}

.unit.small.show-link .link-button:hover .arrow {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.unit .link-button .arrow::after {
	content: ' ';
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -0.3125rem;
	margin-right: -0.3125rem;
	width: 0.625rem;
	height: 0.625rem;
	border-top-width: 3px;
	border-top-style: solid;
	border-right-width: 3px;
	border-right-style: solid;
	border-color: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 105;
}

.unit.small .link-button .arrow::after {
	border-color: #565656;
}

.unit .close-button {
	width: 3rem;
	height: 3rem;
	left: 0;
	bottom: 0;
	opacity: 0;
	display: none;
	position: absolute;
	cursor: pointer;
	z-index: 105;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translateY(0) scaleY(0);
	-moz-transform: translateY(0) scaleY(0);
	-ms-transform: translateY(0) scaleY(0);
	-o-transform: translateY(0) scaleY(0);
	transform: translateY(0) scaleY(0);
}

.unit .close-button::before {
	content: ' ';
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -0.0625rem;
	margin-right: -0.5rem;
	width: 1rem;
	height: 3px;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.unit .close-button::after {
	content: ' ';
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -0.0625rem;
	margin-right: -0.5rem;
	width: 1rem;
	height: 3px;
	background-color: #fff;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.unit.show-link .close-button {
	opacity: 1;
	-webkit-transform: translateY(0) scaleY(1);
	-moz-transform: translateY(0) scaleY(1);
	-ms-transform: translateY(0) scaleY(1);
	-o-transform: translateY(0) scaleY(1);
	transform: translateY(0) scaleY(1);
}

.card {
	padding: 1px;
	width: 100%;
	min-height: 1rem;
	background-position: center;
	-o-background-size: cover;
	background-size: cover;
	display: block;
	float: left;
	position: relative;
}

.card.card-fx {
	display: flex;
	float: none;
}

.card-inner {
	width: 100%;
	background-position: center;
	-o-background-size: cover;
	background-size: cover;
	display: block;
	float: left;
	position: relative;
}

.card p,
.card h3,
.card h4 {
	text-align: left;
}

.card p {
	font-size: 0.875rem;
	color: rgba(47, 47, 51, 0.7);
}

.card.card-white {
	background-color: transparent;
	border-color: #e9eaec;
	/*-webkit-box-shadow: 1px 3px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 3px 20px rgba(0, 0, 0, 0.1);*/
}

.card.card-frame {
	-webkit-box-shadow: 1px 3px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 3px 20px rgba(0, 0, 0, 0.1);
}

.card.card-white .card-inner {
	background-color: #fff;
}

.card.card-blue {
	background-color: transparent;
	border-color: #e9eaec;
}

.card.card-blue .card-inner {
	background-color: #092ab9;
}

.card .title {
	color: #292929;
	font-size: 1rem;
	font-weight: 700;
	text-align: left;
}

.card.card-blue .title {
	color: #fff;
}

.card.card-blue p {
	color: rgba(255, 255, 255, 0.6);
}

.card .title span {
	padding-left: 1.375rem;
	display: inline-block;
	position: relative;
	z-index: 10;
}

.card .title span::before {
	content: '';
	width: 0.4375rem;
	height: 0.4375rem;
	left: 0.25rem;
	top: 0.375rem;
	border-top-width: 3px;
	border-top-style: solid;
	border-right-width: 3px;
	border-right-style: solid;
	border-color: #fff;
	display: block;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 15;
}

.card .title span::after {
	content: '';
	background-color: #3650F9;
	width: 1rem;
	height: 1rem;
	left: 0;
	top: 0.0625rem;
	border-radius: 50%;
	display: block;
	position: absolute;
	z-index: 12;
}

.title-bigblue {
	margin-bottom: 0.5rem;
	width: 100%;
	border-bottom: 1px solid rgba(143, 169, 222, 0.5);
	display: block;
	float: left;
	position: relative;
}

.title-bigblue span b {
	color: #fff;
	width: 3.5rem;
	height: 2rem;
	margin-top: 0.5rem;
	margin-right: 0.625rem;
	font-size: 1.5rem;
	background-color: #3650F9;
	-webkit-background-clip: border-box;
    background-clip: border-box;
	-webkit-text-fill-color: #fff;
	display: block;
	float: left;
}

.title-bigblue span i {
	font-style: normal;
	color: #c3ccdc;
}

.title-bigblue>span {
	color: #c3ccdc;
	background: linear-gradient(left, #fff, rgba(255, 255, 255, 0.5));
    background: -webkit-linear-gradient(left, #fff, rgba(255, 255, 255, 0.5));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size: 2.5rem;
	font-weight: 500;
	text-align: left;
	font-family: Erasdemi, Verdana, Arial, sans-serif;
	display: block;
	float: left;
	position: relative;
}

.footer {
	font-size: 0.875rem;
	line-height: 1.375rem;
	color: #727988;
}

.footer * {
	border-color: #2e3442;
}

.footer .footer-left {
	margin: 0;
	padding: 0;
	width: 16rem;
	display: block;
	position: absolute;
	float: left;
}

.footer .footer-right {
	width: 100%;
	padding: 0;
	padding-left: 16rem;
	float: left;
}

.footer .footer-bottom {
	padding: 2rem 1rem 3rem 1rem;
    margin: 0 auto;
    position: relative;
    font-size: 0.75rem;
    background-color: #1d232d;
    border-top-width: 1px;
    border-top-style: solid;
    text-align: left;
}

.footer .footer-bottom .link:active, 
.footer .footer-bottom .link:focus, 
.footer .footer-bottom .link:hover {
    color: #b9bdcc;
}

.footer .footer-bottom .link:active span::after,
.footer .footer-bottom .link:focus span::after,
.footer .footer-bottom .link:hover span::after {
	opacity: 0.6;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.footer .footer-bottom.footer-bottom-t {
	background-color: transparent;
	border-color: #eaeaea;
}

.footer .footer-bottom.footer-bottom-t .link:active, 
.footer .footer-bottom.footer-bottom-t .link:focus, 
.footer .footer-bottom.footer-bottom-t .link:hover {
    color: #ffffff;
}

.footer .footer-bottom.footer-bottom-t .link:active span::after,
.footer .footer-bottom.footer-bottom-t .link:focus span::after,
.footer .footer-bottom.footer-bottom-t .link:hover span::after {
	opacity: 0.8;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.footer .footer-bottom p {
	font-size: 0.75rem;
	white-space: normal;
}

.footer-logo {
	width: 12rem;
	height: 4.25rem;
	background-position: center;
	-o-background-size: cover;
	background-size: cover;
	background-image: url('../media/images/icekredit-logo.svg?16');
	position: relative;
	display: inline-block;
}

.footer .qrcode-wechat {
	width: 8rem;
	height: 8rem;
	background-position: center;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	display: inline-block;
}

.footer .eb-content-title {
	margin-bottom: 0.375rem;
}

.footer .eb-content {
	background-color: #15181f;
}

.footer h4,
.footer h5 {
	color: #b8bdca;
}

.footer h4 {
	margin-bottom: 0.625rem;
}

.footer p {
	line-height: 1.375rem;
	margin-top: 0;
	margin-bottom: 0.625rem;
	white-space: nowrap;
}

.footer p span {
	white-space: normal;
	vertical-align: text-top;
}

.footer p:last-child {
	line-height: 1.375rem;
	margin-top: 0;
	margin-bottom: 0;
}

#nav-scroll {
    display: block;
    position: fixed;
    right: 1rem;
    bottom: 5rem;
    z-index: 30000;
}

.screen-s #nav-scroll,
.screen-x #nav-scroll {
    right: 0.25rem;
}

#nav-scroll .item {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
	margin-bottom: 0.25rem;
    background-color: #3650f9;
    color: #fff;
    position: relative;
    cursor: pointer;
    text-align: center;
    transition: all 0.5s;
    border-radius: 5px;
}

#nav-scroll .item span.ickfont{
	color: #fff;
	width: 1.2rem;
    height: 1.2rem;
	line-height: 1.2rem;
	font-size: 1.2rem;
	display: inline;
}

#nav-scroll #gotop.item {
	display: none;
}

#nav-scroll #fontsize.item {
	display: none;
}

.block-nav-switch {
	top: 0;
	position: relative;
}

.block-nav-switch.block-nav-switch-dock {
	width: 100%;
	position: fixed;
	z-index: 999999;
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
}

.switch-control,
.switch-control *,
.switch-control *::after {
	-webkit-transition: background 0.3s ease-out, transform 0.2s ease-out, opacity 0.2s ease-out;
	-moz-transition: background 0.3s ease-out, transform 0.2s ease-out, opacity 0.2s ease-out;
	-ms-transition: background 0.3s ease-out, transform 0.2s ease-out, opacity 0.2s ease-out;
	-o-transition: background 0.3s ease-out, transform 0.2s ease-out, opacity 0.2s ease-out;
	transition: background 0.3s ease-out, transform 0.2s ease-out, opacity 0.2s ease-out;
}

.block-nav-switch .switch-control.nav-switch * {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.switch-control .switch-control-inner {
	width: 100%;
	display: flex;
}

.switch-control.nav-switch.nav-switch-fit .switch-control-inner {
	font-size: 0;
    white-space: nowrap;
    width: 100%;
	text-align: left;
    flex: none;
    display: block;
    overflow-x: auto;
}

.switch-control span {
	display: inline-block;
    position: relative;
	z-index: 10;
}

.switch-control .title,
.switch-control .sub-title {
	width: 100%;
	margin-bottom: 0;
	text-align: left;
	display: block;
    position: relative;
	z-index: 10;
}

.switch-control-item {
	padding: 0.75rem 0.125rem;
	background-color: #f5f6fa;
	border-right: 1px solid #e9eaec;
	cursor: pointer;
	position: relative;
	white-space: nowrap;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.switch-control.nav-switch.nav-switch-fit .switch-control-item {
	width: auto;
    max-width: none;
	padding: 1.5rem 2.875rem;
	font-size: 1rem;
    flex: none;
    display: inline-block;
}

.block-nav-switch.block-nav-switch-dock .switch-control.nav-switch.nav-switch-fit .switch-control-item {
	padding: 1.375rem 2.375rem;
	font-size: 0.875rem;
}

.switch-control-item:first-child,
.switch-control-item:first-child::after {
	border-top-left-radius: 0.3125rem;
	border-bottom-left-radius: 0.3125rem;
}

.switch-control-item:last-child,
.switch-control-item:last-child::after {
	border-top-right-radius: 0.3125rem;
	border-bottom-right-radius: 0.3125rem;
}

.switch-control.nav-switch .switch-control-item:first-child,
.switch-control.nav-switch .switch-control-item:first-child::after,
.switch-control.actfull .switch-control-item:first-child,
.switch-control.actfull .switch-control-item:first-child::after {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.switch-control.nav-switch .switch-control-item:last-child,
.switch-control.nav-switch .switch-control-item:last-child::after,
.switch-control.actfull .switch-control-item:last-child,
.switch-control.actfull .switch-control-item:last-child::after {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.switch-control-item:hover {
	color: #333;
	background-color: #e6e8f2;
}

.switch-control-item::after {
	content: " ";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #3650F9;
	display: block;
	float: left;
	position: absolute;
	opacity: 0;
	z-index: 1;

	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
	transform: scale(0.85);
}

.switch-control.actfull .switch-control-item::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.switch-control.nav-switch .switch-control-item::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.switch-control-item:last-child {
	border-right: none;
}

.switch-control-item.active {
	color: #fff;
}

.switch-control-item.active .title,
.switch-control-item.active .sub-title {
	color: #fff;
}

.switch-control-item.active::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.switch-control-panel {
	display: none;
}

.switch-control-panel.active {
	display: block;
}

.switch-control.nav-switch {
	font-size: 1rem;
}

.switch-control.nav-switch .switch-control-item {
	color: #787878;
	font-weight: 400;
	background-color: #fff;
	-webkit-tap-highlight-color: rgba(120, 120, 120, 0.1);
	border: none;
}

.switch-control.nav-switch .switch-control-item:hover {
	background-color: #fff;
}

.switch-control.nav-switch .switch-control-item.active {
	color: #fff;
	font-weight: 700;
	background-color: #fff;
}

.switch-control.nav-switch .switch-control-item::after {
	background-color: #fff;
	opacity: 0;
}

.switch-control.nav-switch .switch-control-item.active::after {
	background-color: #3650F9;
	opacity: 1;
	/*background: linear-gradient(top, #fff 20%, #f5f6fa 100%);
	background: -webkit-linear-gradient(top, #fff 20%, #f5f6fa 100%);*/
}

.switch-control.nav-switch.nav-switch-fit .switch-control-item.active {
	color: #3650F9;
	font-weight: 700;
	background-color: #fff;
}

.switch-control.nav-switch.nav-switch-fit .switch-control-item::after {
	background-color: #fff;
	opacity: 0;
}

.switch-control.nav-switch .switch-control-item span::before,
.switch-control.nav-switch .switch-control-item span::after {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.switch-control.nav-switch .switch-control-item span::before {
	content: ' ';
    color: #3650F9;
    display: inline-block;
    position: absolute;
	left: -1rem;
	top: 0.375rem;
    width: 0.5rem;
	height: 0.5rem;
	opacity: 0;
    border-top-width: 3px;
    border-top-style: solid;
    border-left-width: 3px;
	border-left-style: solid;
	vertical-align: unset;
	-webkit-transform: translateX(-0.375rem) rotate(135deg);
	-moz-transform: translateX(-0.375rem) rotate(135deg);
	-ms-transform: translateX(-0.375rem) rotate(135deg);
	-o-transform: translateX(-0.375rem) rotate(135deg);
	transform: translateX(-0.375rem) rotate(135deg);
}

.block-nav-switch.block-nav-switch-dock .switch-control.nav-switch .switch-control-item span::before {
	top: 0.25rem;
}

.switch-control.nav-switch .switch-control-item:hover span::before {
	opacity: 1;
	-webkit-transform: translateX(0) rotate(135deg);
	-moz-transform: translateX(0) rotate(135deg);
	-ms-transform: translateX(0) rotate(135deg);
	-o-transform: translateX(0) rotate(135deg);
	transform: translateX(0) rotate(135deg);
}

.switch-control.nav-switch .switch-control-item span::after {
    content: ' ';
    color: #3650F9;
    display: inline-block;
	position: absolute;
	right: -1rem;
	top: 0.375rem;
    margin-left: 1rem;
    width: 0.5rem;
	height: 0.5rem;
	opacity: 0;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-right-width: 3px;
	border-right-style: solid;
	vertical-align: unset;
	-webkit-transform: translateX(0.375rem) rotate(135deg);
	-moz-transform: translateX(0.375rem) rotate(135deg);
	-ms-transform: translateX(0.375rem) rotate(135deg);
	-o-transform: translateX(0.375rem) rotate(135deg);
	transform: translateX(0.375rem) rotate(135deg);
}

.block-nav-switch.block-nav-switch-dock .switch-control.nav-switch .switch-control-item span::after {
	top: 0.25rem;
}

.switch-control.nav-switch .switch-control-item:hover span::after {
	opacity: 1;
	-webkit-transform: translateX(0) rotate(135deg);
	-moz-transform: translateX(0) rotate(135deg);
	-ms-transform: translateX(0) rotate(135deg);
	-o-transform: translateX(0) rotate(135deg);
	transform: translateX(0) rotate(135deg);
}

.switch-control.nav-switch .switch-scroll-left,
.switch-control.nav-switch .switch-scroll-right {
	height: 100%;
	width: 2rem;
	top: 0;
	display: block;
	opacity: 0;
	position: absolute;
	z-index: 100;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
	cursor: pointer;
}

.switch-control.nav-switch .switch-scroll-left.show,
.switch-control.nav-switch .switch-scroll-right.show {
	opacity: 1;
	-webkit-pointer-events: auto;
	-moz-pointer-events: auto;
	-ms-pointer-events: auto;
	-o-pointer-events: auto;
	pointer-events: auto;
}

.switch-control.nav-switch .switch-scroll-left {
	left: 0;
	background-color: rgba(255, 255, 255, 0.4);
	background: linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0.4) 100%);
	background: -webkit-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0.4) 100%);
}

.switch-control.nav-switch .switch-scroll-left::after,
.switch-control.nav-switch .switch-scroll-right::after {
	content: ' ';
    border-color: #3650F9;
    display: inline-block;
    position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -0.25rem;
	margin-top: -0.25rem;
    width: 0.5rem;
	height: 0.5rem;
	opacity: 0.8;
	vertical-align: unset;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.switch-control.nav-switch .switch-scroll-left::after {
    border-right-width: 3px;
    border-right-style: solid;
    border-bottom-width: 3px;
	border-bottom-style: solid;
}

.switch-control.nav-switch .switch-scroll-right::after {
	border-left-width: 3px;
    border-left-style: solid;
    border-top-width: 3px;
	border-top-style: solid;
}

.switch-control.nav-switch .switch-scroll-right {
	right: 0;
	background-color: rgba(255, 255, 255, 0.4);
	background: linear-gradient(right, #fff 0%, rgba(255, 255, 255, 0.4) 100%);
	background: -webkit-linear-gradient(right, #fff 0%, rgba(255, 255, 255, 0.4) 100%);
}

.panel-scroll {
	position: relative;
	overflow-x: scroll;
	overflow-y: hidden;
}

.panel-scroll .panel-scroll-inner {
	display: block;
	float: left;
	position: relative;
}

.panel-scroll .panel-scroll-item {
	display: block;
	float: left;
	position: relative;
}

.iconlist .iconlist-item-inner {
	height: 100%;
	text-align: center;
	position: relative;
	border: 1px solid transparent;
	cursor: pointer;
}

.iconlist .iconlist-item-inner,
.iconlist .iconlist-item-inner *,
.iconlist .iconlist-item-inner *::after,
.iconlist .iconlist-item-inner *::before {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.iconlist .iconlist-item-inner:hover {
	/*border: 1px solid rgba(8, 11, 20, 0.1);
	-webkit-box-shadow: 1px 3px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 3px 20px rgba(0, 0, 0, 0.1);*/
}

.iconlist .iconlist-item-inner .title {
	color: #292929;
	font-weight: 700;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.iconlist .iconlist-item-inner .title::after {
	content: ' ';
	left: 50%;
	bottom: -0.875rem;
	margin-left: -1.5rem;
	width: 3rem;
	height: 0.25rem;
	background-color: #3650F9;
	opacity: 0;
	display: block;
	position: absolute;
	-webkit-transform: scaleX(0.5);
	-moz-transform: scaleX(0.5);
	-ms-transform: scaleX(0.5);
	-o-transform: scaleX(0.5);
	transform: scaleX(0.5);
}

.iconlist .iconlist-item-inner:hover .title{
	-webkit-transform: translateY(-1rem);
	-moz-transform: translateY(-1rem);
	-ms-transform: translateY(-1rem);
	-o-transform: translateY(-1rem);
	transform: translateY(-1rem);
}

.iconlist .iconlist-item-inner:hover .title::after{
	opacity: 1;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

.iconlist .iconlist-item-inner .iconlist-image {
	display: inline-block;
	position: relative;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.iconlist .iconlist-item-inner:hover .iconlist-image {
	-webkit-transform: translateY(-0.25rem);
	-moz-transform: translateY(-0.25rem);
	-ms-transform: translateY(-0.25rem);
	-o-transform: translateY(-0.25rem);
	transform: translateY(-0.25rem);
}

.iconlist .iconlist-image * {
	-webkit-transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-ms-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
}

.iconlist .iconlist-image-g {
	width: 100%;
	height: 100%;
	opacity: 1;
}

.iconlist .iconlist-item-inner:hover .iconlist-image-g {
	opacity: 1;
}

.iconlist .iconlist-image-c {
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
}

.iconlist .iconlist-item-inner:hover .iconlist-image-c {
	opacity: 1;
}

.c-h-1,
.c-h-2,
.c-h-25,
.c-h-3,
.c-h-4,
.c-h-5,
.c-h-6,
.c-h-7,
.c-h-75,
.c-h-8,
.c-h-9,
.c-h-10,
.c-h-11,
.c-h-12,
.c-l-1,
.c-l-2,
.c-l-25,
.c-l-3,
.c-l-4,
.c-l-5,
.c-l-6,
.c-l-7,
.c-l-75,
.c-l-8,
.c-l-9,
.c-l-10,
.c-l-11,
.c-l-12,
.c-m-1,
.c-m-2,
.c-m-25,
.c-m-3,
.c-m-4,
.c-m-5,
.c-m-6,
.c-m-7,
.c-m-75,
.c-m-8,
.c-m-9,
.c-m-10,
.c-m-11,
.c-m-12,
.c-s-1,
.c-s-2,
.c-s-25,
.c-s-3,
.c-s-4,
.c-s-5,
.c-s-6,
.c-s-7,
.c-s-75,
.c-s-8,
.c-s-9,
.c-s-10,
.c-s-11,
.c-s-12,
.c-x-1,
.c-x-2,
.c-x-25,
.c-x-3,
.c-x-4,
.c-x-5,
.c-x-6,
.c-x-7,
.c-x-75,
.c-x-8,
.c-x-9,
.c-x-10,
.c-x-11,
.c-x-12 {
	/*margin: 0;
	padding: 0;*/
	text-align: center;
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	display: block;
	position: relative;
}

.c-h-1 {
	-ms-flex: 0 0 8.33333333%;
	-webkit-flex: 0 0 8.33333333%;
	flex: 0 0 8.33333333%;
	max-width: 8.33333333%;
}

.c-h-2 {
	-ms-flex: 0 0 16.66666667%;
	-webkit-flex: 0 0 16.66666667%;
	flex: 0 0 16.66666667%;
	max-width: 16.66666667%;
}

.c-h-25 {
	-ms-flex: 0 0 20%;
	-webkit-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.c-h-3 {
	-ms-flex: 0 0 25%;
	-webkit-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.c-h-4 {
	-ms-flex: 0 0 33.33333333%;
	-webkit-flex: 0 0 33.33333333%;
	flex: 0 0 33.33333333%;
	max-width: 33.33333333%;
}

.c-h-5 {
	-ms-flex: 0 0 41.66666667%;
	-webkit-flex: 0 0 41.66666667%;
	flex: 0 0 41.66666667%;
	max-width: 41.66666667%;
}

.c-h-6 {
	-ms-flex: 0 0 50%;
	-webkit-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.c-h-7 {
	-ms-flex: 0 0 58.33333333%;
	-webkit-flex: 0 0 58.33333333%;
	flex: 0 0 58.33333333%;
	max-width: 58.33333333%;
}

.c-h-75 {
	-ms-flex: 0 0 80%;
	-webkit-flex: 0 0 80%;
	flex: 0 0 80%;
	max-width: 80%;
}

.c-h-8 {
	-ms-flex: 0 0 66.66666667%;
	-webkit-flex: 0 0 66.66666667%;
	flex: 0 0 66.66666667%;
	max-width: 66.66666667%;
}

.c-h-9 {
	-ms-flex: 0 0 75%;
	-webkit-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

.c-h-10 {
	-ms-flex: 0 0 83.33333333%;
	-webkit-flex: 0 0 83.33333333%;
	flex: 0 0 83.33333333%;
	max-width: 83.33333333%;
}

.c-h-11 {
	-ms-flex: 0 0 91.66666667%;
	-webkit-flex: 0 0 91.66666667%;
	flex: 0 0 91.66666667%;
	max-width: 91.66666667%;
}

.c-h-12 {
	-ms-flex: 0 0 100%;
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

/* 0-1919px width */
@media (max-width: 1919px) {
	.screen {
		display: none;
	}

	.screen-l {
		display: block;
	}

	.c-l-1 {
		-ms-flex: 0 0 8.33333333%;
		-webkit-flex: 0 0 8.33333333%;
		flex: 0 0 8.33333333%;
		max-width: 8.33333333%;
	}

	.c-l-2 {
		-ms-flex: 0 0 16.66666667%;
		-webkit-flex: 0 0 16.66666667%;
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%;
	}

	.c-l-25 {
		-ms-flex: 0 0 20%;
		-webkit-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.c-l-3 {
		-ms-flex: 0 0 25%;
		-webkit-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.c-l-4 {
		-ms-flex: 0 0 33.33333333%;
		-webkit-flex: 0 0 33.33333333%;
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}

	.c-l-5 {
		-ms-flex: 0 0 41.66666667%;
		-webkit-flex: 0 0 41.66666667%;
		flex: 0 0 41.66666667%;
		max-width: 41.66666667%;
	}

	.c-l-6 {
		-ms-flex: 0 0 50%;
		-webkit-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.c-l-7 {
		-ms-flex: 0 0 58.33333333%;
		-webkit-flex: 0 0 58.33333333%;
		flex: 0 0 58.33333333%;
		max-width: 58.33333333%;
	}

	.c-l-75 {
		-ms-flex: 0 0 80%;
		-webkit-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
	}

	.c-l-8 {
		-ms-flex: 0 0 66.66666667%;
		-webkit-flex: 0 0 66.66666667%;
		flex: 0 0 66.66666667%;
		max-width: 66.66666667%;
	}

	.c-l-9 {
		-ms-flex: 0 0 75%;
		-webkit-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.c-l-10 {
		-ms-flex: 0 0 83.33333333%;
		-webkit-flex: 0 0 83.33333333%;
		flex: 0 0 83.33333333%;
		max-width: 83.33333333%;
	}

	.c-l-11 {
		-ms-flex: 0 0 91.66666667%;
		-webkit-flex: 0 0 91.66666667%;
		flex: 0 0 91.66666667%;
		max-width: 91.66666667%;
	}

	.c-l-12 {
		-ms-flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* end 0-1919px width */

/* 0-1199px width */
@media (max-width: 1199px) {
	.screen {
		display: none;
	}

	.screen-m {
		display: block;
	}

	.c-m-1 {
		-ms-flex: 0 0 8.33333333%;
		-webkit-flex: 0 0 8.33333333%;
		flex: 0 0 8.33333333%;
		max-width: 8.33333333%;
	}

	.c-m-2 {
		-ms-flex: 0 0 16.66666667%;
		-webkit-flex: 0 0 16.66666667%;
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%;
	}

	.c-m-25 {
		-ms-flex: 0 0 20%;
		-webkit-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.c-m-3 {
		-ms-flex: 0 0 25%;
		-webkit-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.c-m-4 {
		-ms-flex: 0 0 33.33333333%;
		-webkit-flex: 0 0 33.33333333%;
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}

	.c-m-5 {
		-ms-flex: 0 0 41.66666667%;
		-webkit-flex: 0 0 41.66666667%;
		flex: 0 0 41.66666667%;
		max-width: 41.66666667%;
	}

	.c-m-6 {
		-ms-flex: 0 0 50%;
		-webkit-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.c-m-7 {
		-ms-flex: 0 0 58.33333333%;
		-webkit-flex: 0 0 58.33333333%;
		flex: 0 0 58.33333333%;
		max-width: 58.33333333%;
	}

	.c-m-75 {
		-ms-flex: 0 0 80%;
		-webkit-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
	}

	.c-m-8 {
		-ms-flex: 0 0 66.66666667%;
		-webkit-flex: 0 0 66.66666667%;
		flex: 0 0 66.66666667%;
		max-width: 66.66666667%;
	}

	.c-m-9 {
		-ms-flex: 0 0 75%;
		-webkit-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.c-m-10 {
		-ms-flex: 0 0 83.33333333%;
		-webkit-flex: 0 0 83.33333333%;
		flex: 0 0 83.33333333%;
		max-width: 83.33333333%;
	}

	.c-m-11 {
		-ms-flex: 0 0 91.66666667%;
		-webkit-flex: 0 0 91.66666667%;
		flex: 0 0 91.66666667%;
		max-width: 91.66666667%;
	}

	.c-m-12 {
		-ms-flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* end 0-1199px width */

/* 0-767px width */
@media (max-width: 767px) {
	.screen {
		display: none;
	}

	.screen-s {
		display: block;
	}

	.c-s-1 {
		-ms-flex: 0 0 8.33333333%;
		-webkit-flex: 0 0 8.33333333%;
		flex: 0 0 8.33333333%;
		max-width: 8.33333333%;
	}

	.c-s-2 {
		-ms-flex: 0 0 16.66666667%;
		-webkit-flex: 0 0 16.66666667%;
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%;
	}

	.c-s-25 {
		-ms-flex: 0 0 20%;
		-webkit-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.c-s-3 {
		-ms-flex: 0 0 25%;
		-webkit-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.c-s-4 {
		-ms-flex: 0 0 33.33333333%;
		-webkit-flex: 0 0 33.33333333%;
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}

	.c-s-5 {
		-ms-flex: 0 0 41.66666667%;
		-webkit-flex: 0 0 41.66666667%;
		flex: 0 0 41.66666667%;
		max-width: 41.66666667%;
	}

	.c-s-6 {
		-ms-flex: 0 0 50%;
		-webkit-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.c-s-7 {
		-ms-flex: 0 0 58.33333333%;
		-webkit-flex: 0 0 58.33333333%;
		flex: 0 0 58.33333333%;
		max-width: 58.33333333%;
	}

	.c-s-75 {
		-ms-flex: 0 0 80%;
		-webkit-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
	}

	.c-s-8 {
		-ms-flex: 0 0 66.66666667%;
		-webkit-flex: 0 0 66.66666667%;
		flex: 0 0 66.66666667%;
		max-width: 66.66666667%;
	}

	.c-s-9 {
		-ms-flex: 0 0 75%;
		-webkit-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.c-s-10 {
		-ms-flex: 0 0 83.33333333%;
		-webkit-flex: 0 0 83.33333333%;
		flex: 0 0 83.33333333%;
		max-width: 83.33333333%;
	}

	.c-s-11 {
		-ms-flex: 0 0 91.66666667%;
		-webkit-flex: 0 0 91.66666667%;
		flex: 0 0 91.66666667%;
		max-width: 91.66666667%;
	}

	.c-s-12 {
		-ms-flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* end 0-767px width */

/* 0-575px width */
@media (max-width: 575px) {
	::-webkit-scrollbar {
		width: 4px;
		height: 4px;
	}

	.screen {
		display: none;
	}

	.screen-x {
		display: block;
	}

	.c-x-1 {
		-ms-flex: 0 0 8.33333333%;
		-webkit-flex: 0 0 8.33333333%;
		flex: 0 0 8.33333333%;
		max-width: 8.33333333%;
	}

	.c-x-2 {
		-ms-flex: 0 0 16.66666667%;
		-webkit-flex: 0 0 16.66666667%;
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%;
	}

	.c-x-25 {
		-ms-flex: 0 0 20%;
		-webkit-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.c-x-3 {
		-ms-flex: 0 0 25%;
		-webkit-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.c-x-4 {
		-ms-flex: 0 0 33.33333333%;
		-webkit-flex: 0 0 33.33333333%;
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}

	.c-x-5 {
		-ms-flex: 0 0 41.66666667%;
		-webkit-flex: 0 0 41.66666667%;
		flex: 0 0 41.66666667%;
		max-width: 41.66666667%;
	}

	.c-x-6 {
		-ms-flex: 0 0 50%;
		-webkit-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.c-x-7 {
		-ms-flex: 0 0 58.33333333%;
		-webkit-flex: 0 0 58.33333333%;
		flex: 0 0 58.33333333%;
		max-width: 58.33333333%;
	}

	.c-x-75 {
		-ms-flex: 0 0 80%;
		-webkit-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
	}

	.c-x-8 {
		-ms-flex: 0 0 66.66666667%;
		-webkit-flex: 0 0 66.66666667%;
		flex: 0 0 66.66666667%;
		max-width: 66.66666667%;
	}

	.c-x-9 {
		-ms-flex: 0 0 75%;
		-webkit-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.c-x-10 {
		-ms-flex: 0 0 83.33333333%;
		-webkit-flex: 0 0 83.33333333%;
		flex: 0 0 83.33333333%;
		max-width: 83.33333333%;
	}

	.c-x-11 {
		-ms-flex: 0 0 91.66666667%;
		-webkit-flex: 0 0 91.66666667%;
		flex: 0 0 91.66666667%;
		max-width: 91.66666667%;
	}

	.c-x-12 {
		-ms-flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

}

/* end 0-575px width */

body.screen-s,
body.screen-x {
	font-size: 0.75rem;
}

.screen-s p,
.screen-x p {
	font-size: 0.75rem;
	line-height: 1.25rem;
}

.screen-s h1,
.screen-x h1 {
	font-size: 1.375rem;
}

.screen-s h2,
.screen-x h2 {
	font-size: 1.25rem;
}

.screen-s h3,
.screen-x h3 {
	font-size: 1rem;
}

.screen-s h4,
.screen-x h4 {
	font-size: 0.875rem;
}

.screen-s h5,
.screen-x h5 {
	font-size: 0.875rem;
}

.screen-s h5,
.screen-x h5 {
	font-size: 0.75rem;
}

.screen-s .form-label,
.screen-x .form-label {
	padding: 0.625rem 0.75rem;
}

.screen-s .form-control,
.screen-x .form-control {
	padding: 0.625rem 0.75rem;
}

.screen-s .form-control.form-select,
.screen-x .form-control.form-select {
	padding: 0.125rem;
	min-height: 2.5625rem;
}

.screen-s .form-select .form-select-item,
.screen-x .form-select .form-select-item {
	width: calc(100% - 1rem);
	padding: 0 0.5rem 0 0.25rem;
	margin: 0.875rem;
}

.screen-s .form-select .form-select-item.canselect,
.screen-x .form-select .form-select-item.canselect {
	width: auto;
	padding: 0.5rem 0.5rem;
	margin: 0.125rem;
}

.screen-s .form-select .form-select-item.canselect.selected,
.screen-x .form-select .form-select-item.canselect.selected {
	color: #fff;
	background-color: #3650F9;
	border: 1px solid transparent;
}

.screen-s .form-select-item>*::after,
.screen-x .form-select-item>*::after {
	margin-left: -0.25rem;
}

.screen-s button,
.screen-x button,
.screen-s .button,
.screen-x .button {
	font-size: 0.75rem;
}

.screen-s .btn-banner-dark:hover,
.screen-x .btn-banner-dark:hover {
	-webkit-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0);
	box-shadow: 1px 2px 7px rgba(0, 0, 0, 0);
}

.screen-s .btn-banner-dark:hover span,
.screen-x .btn-banner-dark:hover span {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.screen-s *:hover>.sub-icon.sub-icon-left,
.screen-s *:hover>.sub-icon.sub-icon-right,
.screen-x *:hover>.sub-icon.sub-icon-left,
.screen-x *:hover>.sub-icon.sub-icon-right {
	opacity: 0;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
}

.screen-m .nav.nav-main,
.screen-l .nav.nav-main,
.screen-h .nav.nav-main {
	opacity: 1;
	display: block;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.screen-s .nav.nav-main,
.screen-x .nav.nav-main {
	padding: 3.75rem 0 2rem 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #181b2b;
	opacity: 0;
	overflow: auto;
	position: fixed;
	float: right;
	scrollbar-width: none;
	z-index: -100;
	-ms-overflow-style: none;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
	/*-webkit-transition: transform 0.3s ease-out;
	-moz-transition: transform 0.3s ease-out;
	-ms-transition: transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;*/
	-webkit-transform: translateY(-10%);
	-moz-transform: translateY(-10%);
	-ms-transform: translateY(-10%);
	-o-transform: translateY(-10%);
	transform: translateY(-10%);
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.screen-s .nav.nav-main::-webkit-scrollbar,
.screen-x .nav.nav-main::-webkit-scrollbar {
	display: none;
}

.screen-s .nav.nav-main.show,
.screen-x .nav.nav-main.show {
	opacity: 1;
	overflow: hidden;
	z-index: 99999990;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-pointer-events: auto;
	-moz-pointer-events: auto;
	-ms-pointer-events: auto;
	-o-pointer-events: auto;
	pointer-events: auto;
}

.screen-s .nav .logo,
.screen-x .nav .logo {
	display: none;
}

.screen-s .nav::after,
.screen-x .nav::after {
	content: '';
	clear: both;
}

.screen-s .nav .nav-cld-panel,
.screen-x .nav .nav-cld-panel {
	width: 100%;
	height: 11rem;
	left: 0;
	bottom: 0;
	padding: 1.5rem 2rem;
	opacity: 0;
	background-color: #202336;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	text-align: center;
	position: fixed;
	display: block;
	float: right;
}

.screen-s .nav.show .nav-cld-panel,
.screen-x .nav.show .nav-cld-panel {
	opacity: 1;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.screen-s .nav .nav-cld-panel .more-info,
.screen-x .nav .nav-cld-panel .more-info {
	width: 100%;
	margin-bottom: 1rem;
	text-align: left;
	display: inline-block;
}

.screen-s .nav .nav-cld-panel .more-info p,
.screen-x .nav .nav-cld-panel .more-info p {
	font-size: 0.875rem;
}

.screen-s .nav .nav-cld-panel h4,
.screen-x .nav .nav-cld-panel h4 {
	font-size: 1rem;
	color: #727988;
	margin-bottom: 0.5rem;
}

.screen-s .nav .nav-contact,
.screen-x .nav .nav-contact {
	padding: 0.875rem 2rem;
	width: 100%;
	margin-bottom: 0.5rem;
}

.screen-s .nav .menu,
.screen-x .nav .menu {
	width: 100%;
	top: 0;
	left: 0;
	bottom: 15.375rem;
	padding-top: 3.75rem;
	position: fixed;
	overflow: auto;
}

.screen-s .nav .menu.menu-right,
.screen-x .nav .menu.menu-right {
    top: calc(100% - 15rem);
    padding-top: 0;
    height: 3.85rem;
}

.screen-s .nav .menu::-webkit-scrollbar,
.screen-x .nav .menu::-webkit-scrollbar {
	display: none;
}

.screen-s .nav .menu-sub,
.screen-x .nav .menu-sub {
	padding: 0;
	width: 100%;
	height: 0;
	background-color: #131625;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: 2px 8px 8px rgba(0, 0, 0, 0);
	box-shadow: 2px 8px 8px rgba(0, 0, 0, 0);
	position: relative;
	/*-webkit-transform-origin: center top;
	-moz-transform-origin: center top;
	-ms-transform-origin: center top;
	-o-transform-origin: center top;
	transform-origin: center top;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);*/
}

.screen-s .nav .action .menu-sub,
.screen-x .nav .action .menu-sub {
	padding: 1rem 0;
	height: auto;
	-webkit-transition: transform 0.3s ease-out;
	-moz-transition: transform 0.3s ease-out;
	-ms-transition: transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	/*-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);*/
}

.screen-s .nav .menu-sub .menu-button,
.screen-x .nav .menu-sub .menu-button {
	color: #fff;
	color: rgba(255, 255, 255, 0.65);
}

.screen-s .nav .menu .menu-item,
.screen-x .nav .menu .menu-item {
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.screen-s .nav .menu.menu-right .menu-item,
.screen-x .nav .menu.menu-right .menu-item {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.screen-s .nav .menu>.menu-item,
.screen-x .nav .menu>.menu-item {
	opacity: 0;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
	-webkit-transform: translateY(-0.5rem);
	-moz-transform: translateY(-0.5rem);
	-ms-transform: translateY(-0.5rem);
	-o-transform: translateY(-0.5rem);
	transform: translateY(-0.5rem);
}

.screen-s .nav .menu-sub>.menu-item,
.screen-x .nav .menu-sub>.menu-item {
	opacity: 1;
}

.screen-s .nav.show .menu>.menu-item,
.screen-x .nav.show .menu>.menu-item {
	opacity: 1;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.screen-s .menu>.menu-item:hover::after,
.screen-x .menu>.menu-item:hover::after,
.screen-s .menu-item.menu-item-active::after,
.screen-x .menu-item.menu-item-active::after {
	content: none;
}

.screen-s .nav .menu .menu-sub .menu-item,
.screen-x .nav .menu .menu-sub .menu-item {
	border-bottom: none;
	padding-left: 2rem;
	background-color: #131625;
}

.screen-s .nav .menu .menu-item.menu-item-sub,
.screen-x .nav .menu .menu-item.menu-item-sub {
	padding-right: 0;
}

.screen-s .nav .menu .menu-item .menu-button,
.screen-x .nav .menu .menu-item .menu-button {
	padding: 1.375rem 2rem;
	width: 100%;
}

.screen-s .nav .menu .menu-item .sub-icon,
.screen-x .nav .menu .menu-item .sub-icon {
	padding: 1.875rem 2rem;
}

.screen-s .nav .menu .menu-item .icon-arrow,
.screen-x .nav .menu .menu-item .icon-arrow {
	margin-top: -0.375rem;
	margin-right: -0.25rem;
	right: 50%;
	width: 0.5rem;
	height: 0.5rem;
	border-width: 2px;
}

.screen-s .nav .menu>.menu-item>.menu-button,
.screen-x .nav .menu>.menu-item>.menu-button,
.screen-s .nav .menu>.menu-item>.sub-icon,
.screen-x .nav .menu>.menu-item>.sub-icon {
	font-weight: 700;
	color: #fff;
}

.screen-s .nav .menu>.menu-item>.sub-icon,
.screen-x .nav .menu>.menu-item>.sub-icon {
	top: 0;
	right: 0;
	margin-top: 0;
	height: 3.75rem;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}

.screen-s .nav .menu>.menu-item.action>.sub-icon,
.screen-x .nav .menu>.menu-item.action>.sub-icon {
	color: #fff;
	-webkit-transform: rotate(180deg) translateY(0);
	-moz-transform: rotate(180deg) translateY(0);
	-ms-transform: rotate(180deg) translateY(0);
	-o-transform: rotate(180deg) translateY(0);
	transform: rotate(180deg) translateY(0);
}

.screen-s .nav .menu>.menu-item.action:hover>.sub-icon,
.screen-x .nav .menu>.menu-item.action:hover>.sub-icon {
	color: #fff;
	-webkit-transform: rotate(180deg) translateY(0);
	-moz-transform: rotate(180deg) translateY(0);
	-ms-transform: rotate(180deg) translateY(0);
	-o-transform: rotate(180deg) translateY(0);
	transform: rotate(180deg) translateY(0);
}

.screen-s .nav .menu>.menu-item:hover>.sub-icon,
.screen-x .nav .menu>.menu-item:hover>.sub-icon {
	color: #fff;
	-webkit-transform: rotate(0) translateY(0);
	-moz-transform: rotate(0) translateY(0);
	-ms-transform: rotate(0) translateY(0);
	-o-transform: rotate(0) translateY(0);
	transform: rotate(0) translateY(0);
}

.screen-s .nav .menu>.menu-item:hover>.menu-button,
.screen-x .nav .menu>.menu-item:hover>.menu-button {
	color: #fff;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.screen-s .nav .menu>.menu-item.menu-item-active>.menu-button,
.screen-x .nav .menu>.menu-item.menu-item-active>.menu-button,
.screen-s .nav .menu>.menu-item.menu-item-active>.sub-icon,
.screen-x .nav .menu>.menu-item.menu-item-active>.sub-icon {
	color: #fff;
}

.screen-s .menu-sub .menu-item>.sub-icon.sub-icon-left,
.screen-x .menu-sub .menu-item>.sub-icon.sub-icon-left {
	display: none;
}

.screen-s .menu-sub .menu-item:hover>.sub-icon.sub-icon-left,
.screen-x .menu-sub .menu-item:hover>.sub-icon.sub-icon-left {
	display: none;
}

.screen-s .menu-sub .menu-item:hover>.menu-button,
.screen-s .menu-sub .menu-item:hover>.sub-icon,
.screen-x .menu-sub .menu-item:hover>.menu-button,
.screen-x .menu-sub .menu-item:hover>.sub-icon {
	color: #fff;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.screen-s .nav.nav-simple,
.screen-x .nav.nav-simple {
	padding: 0 0 0 1rem;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-color: #181820;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	overflow: auto;
	position: fixed;
	display: block;
	float: right;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-ms-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
	/*-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0);*/
	z-index: 99999999;
}

.screen-s .nav.nav-simple.nav-simple-white,
.screen-x .nav.nav-simple.nav-simple-white {
	background-color: #fff;
	/*-webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);*/
}

.screen-s .nav.nav-simple.nav-simple-black,
.screen-x .nav.nav-simple.nav-simple-black,
.screen-s .nav.nav-simple.nav-simple-black.nav-simple-white,
.screen-x .nav.nav-simple.nav-simple-black.nav-simple-white {
	background-color: #202336;
}

.screen-s .nav.nav-simple.nav-simple-white .logo,
.screen-x .nav.nav-simple.nav-simple-white .logo {
	background-image: url(../media/images/icekredit-logo.svg?16);
}

.screen-s .nav.nav-simple.nav-simple-black .logo,
.screen-x .nav.nav-simple.nav-simple-black .logo,
.screen-s .nav.nav-simple.nav-simple-black.nav-simple-white .logo,
.screen-x .nav.nav-simple.nav-simple-black.nav-simple-white .logo {
	background-image: url(../media/images/icekredit-logo-w.svg?16);
}

.screen-s .nav.nav-simple.nav-simple-white .sub-icon,
.screen-x .nav.nav-simple.nav-simple-white .sub-icon {
	color: #666;
}

.screen-s .nav.nav-simple.nav-simple-black .sub-icon,
.screen-x .nav.nav-simple.nav-simple-black .sub-icon,
.screen-s .nav.nav-simple.nav-simple-black.nav-simple-white .sub-icon,
.screen-x .nav.nav-simple.nav-simple-black.nav-simple-white .sub-icon {
	color: #fff;
}

.screen-m .nav.nav-simple,
.screen-l .nav.nav-simple,
.screen-h .nav.nav-simple {
	display: none;
}

.screen-s .nav.nav-simple .logo,
.screen-x .nav.nav-simple .logo {
	height: 3.75rem;
	display: block;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}

.screen-s .nav.nav-simple .sub-icon,
.screen-x .nav.nav-simple .sub-icon {
	top: 0;
	right: 0;
	width: 4.375rem;
	height: 3.75rem;
	color: #fff;
	display: block;
	position: absolute;
	cursor: pointer;
}

.screen-s .nav.nav-simple .icon-line,
.screen-x .nav.nav-simple .icon-line {
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: 0;
	margin-right: -0.75rem;
	width: 1.5rem;
	height: 0;
	border-top-width: 2px;
	border-top-style: solid;
}

.screen-s .block-wrap .main-title,
.screen-x .block-wrap .main-title {
	margin-top: 2rem;
	font-size: 1.125rem;
}

.screen-s .block-wrap .sub-title,
.screen-x .block-wrap .sub-title {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 0.75rem;
}

.screen-s .block-wrap .main-title span::before,
.screen-x .block-wrap .main-title span::before {
	margin-right: 0.5rem;
	width: 0.5rem;
	height: 0.5rem;
	border-top-width: 3px;
	border-left-width: 3px;
}

.screen-s .block-wrap .main-title span::after,
.screen-x .block-wrap .main-title span::after {
	margin-left: 0.5rem;
	width: 0.5rem;
	height: 0.5rem;
	border-bottom-width: 3px;
	border-right-width: 3px;
}

.screen-s .block-wrap .block-thumbnail img,
.screen-x .block-wrap .block-thumbnail img {
	width: 12rem;
	height: auto;
}

.screen-m .block-wrap .block-thumbnail img {
	width: 15rem;
	height: auto;
}

.screen-s .banner-wrap,
.screen-x .banner-wrap {
	height: 23.75rem;
}

.screen-s .banner-wrap.banner-wrap-short,
.screen-x .banner-wrap.banner-wrap-short {
	height: 18.75rem;
}

.screen-s .banner-wrap.banner-wrap-short-nav,
.screen-x .banner-wrap.banner-wrap-short-nav {
	height: 3.8125rem;
}

.screen-s .banner,
.screen-x .banner {
	height: 23.75rem;
}

.screen-s .banner-wrap.banner-wrap-short .banner,
.screen-x .banner-wrap.banner-wrap-short .banner {
	height: 18.75rem;
}

.screen-s .banner-inner,
.screen-x .banner-inner {
	height: 23.75rem;
	justify-content: flex-end;
}

.screen-s .banner-wrap.banner-wrap-short .banner-inner,
.screen-x .banner-wrap.banner-wrap-short .banner-inner {
	height: 18.75rem;
}

.screen-s .banner-panel,
.screen-x .banner-panel {
	width: 100%;
	padding-bottom: 3rem;
	text-align: center;
}

.screen-s .banner-wrap.banner-wrap-short .banner-panel,
.screen-x .banner-wrap.banner-wrap-short .banner-panel {
	padding-bottom: 2rem;
}

.screen-s .banner-back-main-fix,
.screen-x .banner-back-main-fix {
	width: 24rem;
	height: 21.5rem;
	right: 50%;
	margin-right: -12rem;
}

.screen-s .banner-wrap.banner-wrap-short .banner-back-main-fix,
.screen-x .banner-wrap.banner-wrap-short .banner-back-main-fix {
	height: 18.875rem;
}

.screen-s .banner-back-front-fix,
.screen-x .banner-back-front-fix {
	width: 89rem;
	height: 23.75rem;
	right: 50%;
	margin-right: -44.5rem;
}

.screen-s .banner-back-ground-fix,
.screen-x .banner-back-ground-fix {
	width: 89rem;
	height: 23.75rem;
	right: 50%;
	margin-right: -44.5rem;
}

.screen-s .banner h1,
.screen-x .banner h1 {
	font-size: 1.125rem;
	font-weight: 300;
	width: 90%;
}

.screen-s .banner h2,
.screen-x .banner h2 {
	font-size: 1rem;
}

.screen-s .banner h3,
.screen-x .banner h3 {
	font-size: 1rem;
	display: none;
}

.screen-s .banner h1 span,
.screen-x .banner h1 span,
.screen-s .banner h2 span,
.screen-x .banner h2 span {
	display: inline;
	float: none;
	background: none;
	-webkit-text-fill-color: unset;
}

.screen-s .banner .button,
.screen-x .banner .button {
	margin-top: 0.375rem;
}

.screen-s .banner .btn-banner-dark,
.screen-x .banner .btn-banner-dark {
	padding: 0.625rem 2rem;
}

.screen-s .slider-nav,
.screen-x .slider-nav {
	bottom: 0;
}

.screen-s .slider-nav .slider-bubble,
.screen-x .slider-nav .slider-bubble {
	width: 2.5rem;
}

.screen-s .slider-nav .slider-bubble.slider-bubble-active,
.screen-x .slider-nav .slider-bubble.slider-bubble-active {
	width: 2.5rem;
}

.screen-s .expand-box,
.screen-x .expand-box {
	border-width: 1px;
}

.screen-s .expand-box.expand-box-white,
.screen-x .expand-box.expand-box-white {
	border-width: 0;
	background-color: #f8f9fc;
	margin-bottom: 0.5rem;
}

.screen-m .expand-box.expand-box-bs,
.screen-l .expand-box.expand-box-bs,
.screen-h .expand-box.expand-box-bs {
	border-width: 0;
}

.screen-s .expand-box .eb-column,
.screen-x .expand-box .eb-column {
	display: inline-block;
}

.screen-s .expand-box.expand-box-white .eb-column .title,
.screen-x .expand-box.expand-box-white .eb-column .title {
	margin: 0 0 0.25rem 0;
	color: #292929;
	font-weight: 700;
}

.screen-s .expand-box.expand-box-white .eb-column .sub-title,
.screen-x .expand-box.expand-box-white .eb-column .sub-title {
	margin: 0;
}

.screen-m .expand-box.expand-box-bs .eb-column,
.screen-l .expand-box.expand-box-bs .eb-column,
.screen-h .expand-box.expand-box-bs .eb-column {
	display: none;
}

.screen-s .expand-box.expand-box-white .eb-content,
.screen-x .expand-box.expand-box-white .eb-content {
	margin-top: 1px;
	border-top: 1px solid rgba(8, 11, 20, 0.1);
}

.screen-s .expand-box.expand-box-bs .eb-content .eb-content-title,
.screen-x .expand-box.expand-box-bs .eb-content .eb-content-title {
	display: none;
}

.screen-s .expand-box .eb-content>.title,
.screen-x .expand-box .eb-content>.title {
	font-size: 0.875rem;
}

.screen-m .block-wrap-black .eb-content,
.screen-l .block-wrap-black .eb-content,
.screen-h .block-wrap-black .eb-content {
	background-color: #1d232d;
}

.screen-s .unit .title,
.screen-x .unit .title {
	font-size: 0.875rem;
	margin-bottom: 0.5rem;
}

.screen-s .unit .unit-left,
.screen-x .unit .unit-left {
	width: 5.5rem;
	height: 5.5rem;
}

.screen-s .unit.small .unit-left,
.screen-x .unit.small .unit-left {
	width: 4rem;
	height: 4rem;
}

.screen-s .unit .unit-right,
.screen-x .unit .unit-right {
	padding-left: 5.5rem;
	min-height: 5.5rem;
}

.screen-s .unit.small .unit-right,
.screen-x .unit.small .unit-right {
	padding-left: 4rem;
	min-height: 4rem;
}

.screen-s .unit .unit-right.no-left,
.screen-x .unit .unit-right.no-left {
	padding-left: 0;
	min-height: 0;
}

.screen-s .unit .link-button,
.screen-x .unit .link-button {
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 0.75rem;
}

.screen-s .unit.small .unit-inner,
.screen-x .unit.small .unit-inner {
	background-color: #fff;
}

.screen-s .unit.small .link-button,
.screen-x .unit.small .link-button {
	width: auto;
	height: 100%;
	opacity: 1;
	z-index: 1;
}

.screen-s .unit.small .link-button .arrow,
.screen-x .unit.small .link-button .arrow {
	opacity: 0.7;
	-webkit-transform: translateX(0.5rem);
    -moz-transform: translateX(0.5rem);
    -ms-transform: translateX(0.5rem);
    -o-transform: translateX(0.5rem);
    transform: translateX(0.5rem);
}

.screen-s .unit .link-button::before,
.screen-x .unit .link-button::before {
	width: 100%;
}

.screen-s .unit.small .link-button::before,
.screen-x .unit.small .link-button::before {
	background-color: transparent;
}

.screen-s .unit .close-button,
.screen-x .unit .close-button {
	height: 2.5rem;
	display: block;
}

.screen-s .card,
.screen-x .card,
.screen-s .card-inner,
.screen-x .card-inner {
	background-position: 100% center;
}

.screen-s .card .title,
.screen-x .card .title {
	font-size: 0.875rem;
}

.screen-s .card .title span::before,
.screen-x .card .title span::before {
	content: '';
	width: 0.375rem;
	height: 0.375rem;
	left: 0.1875rem;
	top: 0.3125rem;
	border-top-width: 2px;
	border-right-width: 2px;
}

.screen-s .card .title span::after,
.screen-x .card .title span::after {
	width: 0.875rem;
	height: 0.875rem;
	left: 0;
	top: 0.0625rem;
}

.screen-s .card p,
.screen-x .card p {
	font-size: 0.75rem;
}

.screen-s .title-bigblue span b,
.screen-x .title-bigblue span b {
	width: 1.375rem;
	height: 1.375rem;
	margin-top: 0.25rem;
	margin-right: 0.25rem;
	font-size: 1rem;
}

.screen-s .title-bigblue span,
.screen-x .title-bigblue span {
	font-size: 1.5rem;
}

.screen-s .footer,
.screen-x .footer {
	font-size: 0.75rem;
}

.screen-s .footer .link-button,
.screen-x .footer .link-button {
	padding: 0.625rem 0.5rem;
}

.screen-s .footer .footer-left,
.screen-x .footer .footer-left {
	width: 100%;
	position: relative;
}

.screen-h .footer .footer-left {
	width: 17rem;
}

.screen-s .footer .footer-right,
.screen-x .footer .footer-right {
	padding-left: 0;
}

.screen-h .footer .footer-right {
	padding-left: 17rem;
}

.screen-m .footer .footer-left {
	width: 13.75rem;
}

.screen-m .footer .footer-right {
	padding-left: 13.75rem;
}

.screen-s .footer .footer-bottom,
.screen-x .footer .footer-bottom {
	border-top: none;
	padding-top: 1rem;
}

.screen-s #nav-scroll #fontsize.item,
.screen-x #nav-scroll #fontsize.item {
	display: block;
}

.screen-s .switch-control.nav-switch .switch-control-inner::-webkit-scrollbar,
.screen-x .switch-control.nav-switch .switch-control-inner::-webkit-scrollbar {
	display: none;
}

.screen-s .switch-control.nav-switch .switch-control-inner,
.screen-x .switch-control.nav-switch .switch-control-inner {
	font-size: 0;
	white-space: nowrap;
	width: 100%;
    flex: none;
	display: block;
    overflow-x: auto;
}

.screen-s .switch-control.nav-switch .switch-control-inner *,
.screen-x .switch-control.nav-switch .switch-control-inner *{
	font-size: 0.875rem;
}

.screen-s .switch-control.nav-switch .switch-control-item,
.screen-x .switch-control.nav-switch .switch-control-item,
.screen-s .block-nav-switch.block-nav-switch-dock .switch-control.nav-switch.nav-switch-fit .switch-control-item,
.screen-x .block-nav-switch.block-nav-switch-dock .switch-control.nav-switch.nav-switch-fit .switch-control-item {
	padding: 1rem;
	width: auto;
    max-width: none;
    flex: none;
    display: inline-block;
}

.screen-s .switch-control.nav-switch .switch-control-item.active,
.screen-x .switch-control.nav-switch .switch-control-item.active {
	color: #3650F9;
}

.screen-s .switch-control.nav-switch .switch-control-item:hover,
.screen-x .switch-control.nav-switch .switch-control-item:hover {
	background-color: transparent;
}

.screen-s .switch-control.nav-switch .switch-control-item span::before,
.screen-x .switch-control.nav-switch .switch-control-item span::before,
.screen-s .switch-control.nav-switch .switch-control-item span::after,
.screen-x .switch-control.nav-switch .switch-control-item span::after {
	content: none;
}

.screen-s .min-wd-ctrl,
.screen-x .min-wd-ctrl {
	min-width: auto;
}

.screen-m .min-wd-ctrl,
.screen-l .min-wd-ctrl,
.screen-h .min-wd-ctrl {
	min-width: 960px;
}

.screen-s .max-wd-ctrl,
.screen-x .max-wd-ctrl {
	max-width: 100%;
}

.screen-m .max-wd-ctrl,
.screen-l .max-wd-ctrl,
.screen-h .max-wd-ctrl {
	max-width: 1440px;
}

.screen-s .max-wdm-ctrl,
.screen-x .max-wdm-ctrl {
	max-width: 100%;
}

.screen-m .max-wdm-ctrl,
.screen-l .max-wdm-ctrl,
.screen-h .max-wdm-ctrl {
	max-width: 1200px;
}

.screen-s .max-wds-ctrl,
.screen-x .max-wds-ctrl {
	max-width: 100%;
}

.screen-m .max-wds-ctrl,
.screen-l .max-wds-ctrl,
.screen-h .max-wds-ctrl {
	max-width: 960px;
}

.screen-s .ta-c-l,
.screen-x .ta-c-l {
	text-align: center;
}

.screen-m .ta-c-l,
.screen-l .ta-c-l,
.screen-h .ta-c-l {
	text-align: left;
}

.screen-s .ta-c-r,
.screen-x .ta-c-r {
	text-align: center;
}

.screen-m .ta-c-r,
.screen-l .ta-c-r,
.screen-h .ta-c-r {
	text-align: right;
}

.screen-s .pd-x,
.screen-x .pd-x {
	padding: 0.375rem;
}

.screen-m .pd-x,
.screen-l .pd-x {
	padding: 0.875rem;
}

.screen-h .pd-x {
	padding: 1rem;
}

.screen-s .pd-r-x,
.screen-x .pd-r-x {
	padding-right: 0.375rem;
}

.screen-m .pd-r-x,
.screen-l .pd-r-x {
	padding-right: 0.875rem;
}

.screen-h .pd-r-x {
	padding-right: 1rem;
}

.screen-s .pd-lr-x,
.screen-x .pd-lr-x {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.screen-m .pd-lr-x,
.screen-l .pd-lr-x {
	padding-left: 1rem;
	padding-right: 1rem;
}

.screen-h .pd-lr-x {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.screen-s .pd-n-lr-x,
.screen-x .pd-n-lr-x {
	padding-left: 0;
	padding-right: 0;
}

.screen-m .pd-n-lr-x,
.screen-l .pd-n-lr-x {
	padding-left: 1rem;
	padding-right: 1rem;
}

.screen-h .pd-n-lr-x {
	padding-left: 1.375rem;
	padding-right: 1.375rem;
}

.screen-s .pd-tb-x,
.screen-x .pd-tb-x {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.screen-m .pd-tb-x,
.screen-l .pd-tb-x {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.screen-h .pd-tb-x {
	padding-top: 1.375rem;
	padding-bottom: 1.375rem;
}

.screen-s .pd-t-s,
.screen-x .pd-t-s {
	padding-top: 0.625rem;
}

.screen-m .pd-t-s,
.screen-l .pd-t-s {
	padding-top: 1.375rem;
}

.screen-h .pd-t-s {
	padding-top: 1.625rem;
}

.screen-s .pd-l-s,
.screen-x .pd-l-s {
	padding-left: 0.625rem;
}

.screen-m .pd-l-s,
.screen-l .pd-l-s {
	padding-left: 1.375rem;
}

.screen-h .pd-l-s {
	padding-left: 1.625rem;
}

.screen-s .pd-r-s,
.screen-x .pd-r-s {
	padding-right: 0.625rem;
}

.screen-m .pd-r-s,
.screen-l .pd-r-s {
	padding-right: 1.375rem;
}

.screen-h .pd-r-s {
	padding-right: 1.625rem;
}

.screen-s .pd-tb-s,
.screen-x .pd-tb-s {
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
}

.screen-m .pd-tb-s,
.screen-l .pd-tb-s {
	padding-top: 1.375rem;
	padding-bottom: 1.375rem;
}

.screen-h .pd-tb-s {
	padding-top: 1.625rem;
	padding-bottom: 1.625rem;
}

.screen-s .pd-lr-s,
.screen-x .pd-lr-s {
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}

.screen-m .pd-lr-s,
.screen-l .pd-lr-s {
	padding-left: 1.375rem;
	padding-right: 1.375rem;
}

.screen-h .pd-lr-s {
	padding-left: 1.625rem;
	padding-right: 1.625rem;
}


.screen-s .pd-s,
.screen-x .pd-s {
	padding: 0.625rem;
}

.screen-m .pd-s,
.screen-l .pd-s {
	padding: 1.375rem;
}

.screen-h .pd-s {
	padding: 1.625rem;
}

.screen-s .pd-m,
.screen-x .pd-m {
	padding: 1rem;
}

.screen-m .pd-m,
.screen-l .pd-m {
	padding: 1.875rem;
}

.screen-h .pd-m {
	padding: 2.1875rem;
}

.screen-s .pd-n-m,
.screen-x .pd-n-m {
	padding: 0;
}

.screen-m .pd-n-m,
.screen-l .pd-n-m {
	padding: 1.875rem;
}

.screen-h .pd-n-m {
	padding: 2.1875rem;
}

.screen-s .mg-b-m,
.screen-x .mg-b-m {
	margin-bottom: 1rem;
}

.screen-m .mg-b-m,
.screen-l .mg-b-m {
	margin-bottom: 1.875rem;
}

.screen-h .mg-b-m {
	margin-bottom: 2.1875rem;
}

.screen-s .mg-m,
.screen-x .mg-m {
	margin: 1rem;
}

.screen-m .mg-m,
.screen-l .mg-m {
	margin: 1.875rem;
}

.screen-h .mg-m {
	margin: 2.1875rem;
}

.screen-s .pd-l-m,
.screen-x .pd-l-m {
	padding-left: 1rem;
}

.screen-m .pd-l-m,
.screen-l .pd-l-m {
	padding-left: 1.875rem;
}

.screen-h .pd-l-m {
	padding-left: 2.1875rem;
}

.screen-s .pd-r-m,
.screen-x .pd-r-m {
	padding-right: 1rem;
}

.screen-m .pd-r-m,
.screen-l .pd-r-m {
	padding-right: 1.875rem;
}

.screen-h .pd-r-m {
	padding-right: 2.1875rem;
}

.screen-s .pd-lr-m,
.screen-x .pd-lr-m {
	padding-left: 1rem;
	padding-right: 1rem;
}

.screen-m .pd-lr-m,
.screen-l .pd-lr-m {
	padding-left: 1.875rem;
	padding-right: 1.875rem;
}

.screen-h .pd-lr-m {
	padding-left: 2.1875rem;
	padding-right: 2.1875rem;
}

.screen-s .pd-n-lr-m,
.screen-x .pd-n-lr-m {
	padding-left: 0;
	padding-right: 0;
}

.screen-m .pd-n-lr-m,
.screen-l .pd-n-lr-m {
	padding-left: 1.875rem;
	padding-right: 1.875rem;
}

.screen-h .pd-n-lr-m {
	padding-left: 2.1875rem;
	padding-right: 2.1875rem;
}

.screen-s .pd-t-m,
.screen-x .pd-t-m {
	padding-top: 1rem;
}

.screen-m .pd-t-m,
.screen-l .pd-t-m {
	padding-top: 1.875rem;
}

.screen-h .pd-t-m {
	padding-top: 2.1875rem;
}

.screen-s .pd-b-m,
.screen-x .pd-b-m {
	padding-bottom: 1rem;
}

.screen-m .pd-b-m,
.screen-l .pd-b-m {
	padding-bottom: 1.875rem;
}

.screen-h .pd-b-m {
	padding-bottom: 2.1875rem;
}

.screen-s .pd-tb-m,
.screen-x .pd-tb-m {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.screen-m .pd-tb-m,
.screen-l .pd-tb-m {
	padding-top: 1.875rem;
	padding-bottom: 1.875rem;
}

.screen-h .pd-tb-m {
	padding-top: 2.1875rem;
	padding-bottom: 2.1875rem;
}

.screen-s .mg-tb-m,
.screen-x .mg-tb-m {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.screen-m .mg-tb-m,
.screen-l .mg-tb-m {
	margin-top: 1.875rem;
	margin-bottom: 1.875rem;
}

.screen-h .mg-tb-m {
	margin-top: 2.1875rem;
	margin-bottom: 2.1875rem;
}

.screen-s .mg-n-tb-m,
.screen-x .mg-n-tb-m {
	margin-top: 0;
	margin-bottom: 0;
}

.screen-m .mg-n-tb-m,
.screen-l .mg-n-tb-m {
	margin-top: 1.875rem;
	margin-bottom: 1.875rem;
}

.screen-h .mg-n-tb-m {
	margin-top: 2.1875rem;
	margin-bottom: 2.1875rem;
}

.screen-s .pd-t-0,
.screen-x .pd-t-0,
.screen-m .pd-t-0,
.screen-l .pd-t-0,
.screen-h .pd-t-0 {
	padding-top: 0;
}

.screen-s .pd-1,
.screen-x .pd-1,
.screen-m .pd-1,
.screen-l .pd-1,
.screen-h .pd-1 {
	padding: 1rem;
}

.screen-s .pd-b-1,
.screen-x .pd-b-1,
.screen-m .pd-b-1,
.screen-l .pd-b-1,
.screen-h .pd-b-1 {
	padding-bottom: 1rem;
}

.screen-s .mg-0,
.screen-x .mg-0,
.screen-m .mg-0,
.screen-l .mg-0,
.screen-h .mg-0 {
	margin: 0;
}

.screen-s .gap-h-n-hs,
.screen-x .gap-h-n-hs {
	width: 100%;
	height: 0;
	display: none;
	position: relative;
	clear: both;
}

.screen-m .gap-h-n-hs,
.screen-l .gap-h-n-hs,
.screen-h .gap-h-n-hs {
	width: 100%;
	height: 2rem;
	display: inline-block;
	position: relative;
	clear: both;
}

.screen-s .gap-h-hs,
.screen-x .gap-h-hs {
	width: 100%;
	height: 1rem;
	display: inline-block;
	position: relative;
	clear: both;
}

.screen-m .gap-h-hs,
.screen-l .gap-h-hs,
.screen-h .gap-h-hs {
	width: 100%;
	height: 2rem;
	display: inline-block;
	position: relative;
	clear: both;
}

.screen-s .gap-h-n-hm,
.screen-x .gap-h-n-hm {
	width: 100%;
	height: 0;
	display: none;
	position: relative;
	clear: both;
}

.screen-m .gap-h-n-hm,
.screen-l .gap-h-n-hm,
.screen-h .gap-h-n-hm {
	width: 100%;
	height: 3rem;
	display: inline-block;
	position: relative;
	clear: both;
}

.screen-s .gap-h-hm,
.screen-x .gap-h-hm {
	width: 100%;
	height: 2rem;
	display: inline-block;
	position: relative;
	clear: both;
}

.screen-m .gap-h-hm,
.screen-l .gap-h-hm,
.screen-h .gap-h-hm {
	width: 100%;
	height: 3rem;
	display: inline-block;
	position: relative;
	clear: both;
}

.screen-s .gap-h-hl,
.screen-x .gap-h-hl {
	width: 100%;
	height: 3rem;
	display: inline-block;
	position: relative;
	clear: both;
}

.screen-m .gap-h-hl,
.screen-l .gap-h-hl,
.screen-h .gap-h-hl {
	width: 100%;
	height: 5rem;
	display: inline-block;
	position: relative;
	clear: both;
}

.screen-l .hidden-l {
	display: none;
}

.screen-h .hidden-h {
	display: none;
}

.screen-m .hidden-m {
	display: none;
}

.screen-s .hidden-s {
	display: none;
}

.screen-x .hidden-x {
	display: none;
}

.opt-0 {
	opacity: 0 !important;
}

.opt-1 {
	opacity: 0.1 !important;
}

.opt-s {
	opacity: 1 !important;
}

.gap-h-1 {
	width: 100%;
	height: 1rem;
	display: inline-block;
	position: relative;
	clear: both;
}

.no-scroll {
	width: 100%;
	position: fixed;
}

.no-scroll .container {
	/*-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
    -webkit-filter: blur(10px);
    filter: blur(10px);*/
}

.row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	float: none;
}

.row:after,
.row:before {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.fx-1 {
	flex: 1;
}

.fx-d-r {
	flex-direction: row-reverse;
}

.fx-v-s {
	align-items: stretch;
}

.fx-v-c {
	align-items: center;
}

.fx-v-t {
	align-items: flex-start;
}

.fx-h-c {
	justify-content: center;
}

.fx-hv-c,
.fx-vh-c {
	justify-content: center;
	align-items: center;
}

.bd-b-1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.bd-t-1 {
	border-top-width: 1px;
	border-top-style: solid;
}

.wd-f {
	width: 100%;
}

.wd-a {
	width: auto;
}

.wd-f-blk {
	width: 100%;
	display: block;
	float: left;
}

.fix-t {
	top: 0;
	left: 0;
	position: absolute;
	z-index: -1;
}

.dsp-i-b {
	display: inline-block;
}

.dsp-b {
	display: block;
}

.db-fl-pr {
	display: block;
	float: left;
	position: relative;
}

.flt-l {
	float: left;
}

.pst-r {
	position: relative;
}

.z-10 {
	z-index: 10 !important;
}

.z-100 {
	z-index: 100 !important;
}

.ta-l {
	text-align: left;
}

.ta-c {
	text-align: center;
}

.ta-r {
	text-align: right;
}

.of-h {
	overflow: hidden;
}

.no-animate {
	opacity: 0;
}

.no-animate,
.no-animate * {
	-webkit-transition: all 0s !important;
	-moz-transition: all 0s !important;
	-ms-transition: all 0s !important;
	-o-transition: all 0s !important;
	transition: all 0s !important;
}

.do-animate,
.do-animate * {
	-webkit-transition: all 0.5s !important;
	-moz-transition: all 0.5s !important;
	-ms-transition: all 0.5s !important;
	-o-transition: all 0.5s !important;
	transition: all 0.5s !important;
}

.is-animate,
.is-animate * {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.is-animate-l,
.is-animate-l * {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.clearfix {
	clear: both;
}

.fade-in {
	opacity: 0;
	-webkit-transform: translateY(1rem);
	-moz-transform: translateY(1rem);
	-ms-transform: translateY(1rem);
	-o-transform: translateY(1rem);
	transform: translateY(1rem);
}

.fade-in.fade-in-active {
	opacity: 1;
	-webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out, transform 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out, transform 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out, transform 0.5s ease-out;
	transition: opacity 0.5s ease-out, transform 0.5s ease-out;
	/*-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);*/
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.banner-wrap.fade-in {
	opacity: 0;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.banner-wrap.fade-in.fade-in-active {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: none;
	background-color: #fff;
	left: 0;
	right: auto;
	border: 1px solid #cacccf;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: none;
	background-color: #fff;
	right: 0;
	left: auto;
	border: 1px solid #cacccf;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}

.swiper-button-next,
.swiper-button-prev {
	outline: 0;
	position: absolute;
	top: 50%;
	width: 2.5rem;
	height: 2.5rem;
	margin-top: -2rem;
	border-radius: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0.7;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
}

.swiper-button-prev::before {
	content: '';
	width: 0.625rem;
	height: 0.625rem;
	left: 50%;
	top: 50%;
	margin-left: -0.25rem;
	margin-top: -0.3125rem;
	border-top-width: 3px;
	border-top-style: solid;
	border-right-width: 3px;
	border-right-style: solid;
	border-color: #3650F9;
	display: block;
	position: absolute;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
	z-index: 15;
}

.swiper-button-next::before {
	content: '';
	width: 0.625rem;
	height: 0.625rem;
	right: 50%;
	top: 50%;
	margin-right: -0.25rem;
	margin-top: -0.3125rem;
	border-top-width: 3px;
	border-top-style: solid;
	border-right-width: 3px;
	border-right-style: solid;
	border-color: #3650F9;
	display: block;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 15;
}

.swiper-container-horizontal>.swiper-scrollbar {
	width: 20%;
	height: 2px;
	left: 40%;
}

.swiper-scrollbar-drag {
	background-color: rgba(54, 80, 249, 0.7);
}

.has-popbox {
	position: relative;
}

.has-popbox>.is-popbox {
	width: calc(100% + 4px);
    left: -2px;
	top: calc(100% + 0.5rem);
	background-color: #fff;
	outline: none;
	position: absolute;
	display: none;
	opacity: 0;
	z-index: 999999990;
	-webkit-box-shadow: 1px 5px 30px rgba(0, 0, 0, 0.25);
	box-shadow: 1px 5px 30px rgba(0, 0, 0, 0.25);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-transform: translateY(-1rem);
	-moz-transform: translateY(-1rem);
	-ms-transform: translateY(-1rem);
	-o-transform: translateY(-1rem);
	transform: translateY(-1rem);
}

.has-popbox.tip-show>.is-popbox.window {
	width: auto;
	padding: 3rem;
	top: 50%;
	left: 50%;
	max-height: 80%;
	text-align: left;
	color: #787878;
	background-color: #fff;
	border: none;
	overflow-y: auto;
	position: fixed;
}

.has-popbox.tip-show>.is-popbox.window.ontop,
.has-popbox.tip-show>.is-popbox.window.onbottom {
	top: 50%;
}

.screen-s .has-popbox.tip-show>.is-popbox.window,
.screen-x .has-popbox.tip-show>.is-popbox.window {
	top: auto;
	left: auto;
	max-height: 60%;
}

.screen-s .has-popbox.tip-show>.is-popbox.window.ontop,
.screen-x .has-popbox.tip-show>.is-popbox.window.ontop,
.screen-s .has-popbox.tip-show>.is-popbox.window.onbottom,
.screen-x .has-popbox.tip-show>.is-popbox.window.onbottom {
	top: auto;
}

.has-popbox>.is-popbox::before {
	content: ' ';
	display: block;
	position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    background-color: #fff;
    margin-left: 1rem;
    margin-top: -0.375rem;
    -webkit-transform: translateY(3px) rotate(-45deg);
    -moz-transform: translateY(3px) rotate(-45deg);
    -ms-transform: translateY(3px) rotate(-45deg);
    -o-transform: translateY(3px) rotate(-45deg);
    transform: translateY(3px) rotate(-45deg);
}

.has-popbox.tip-show>.is-popbox::before {
	display: none;
}

.screen-s .has-popbox>.is-popbox::before,
.screen-x .has-popbox>.is-popbox::before {
	display: none;
}

.screen-m .has-popbox>.is-popbox,
.screen-l .has-popbox>.is-popbox,
.screen-h .has-popbox>.is-popbox {
	border-radius: 0.375rem;
}

.has-popbox.tip-show>.is-popbox {
	padding: 1.25rem 1rem;
	border-radius: 0.25rem;
    border: 1px solid #c3d3fe;
    background-color: #fafbff;
	color: #1833e3;
	-webkit-box-shadow: 1px 5px 30px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 5px 30px rgba(0, 0, 0, 0.15);
	-webkit-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.has-popbox.tip-show>.is-popbox.blue {
    border: 1px solid #c3d3fe;
    background-color: #fafbff;
	color: #1833e3;
}

.has-popbox.tip-show>.is-popbox.orange {
	border: 1px solid #fcd3c2;
	background-color: #fff7f1;
	color: #e24a09;
}

.has-popbox.tip-show>.is-popbox.ontop {
	top: 0;
	bottom: auto;
}

.has-popbox.tip-show>.is-popbox.onbottom {
	top: auto;
	bottom: 0;
}

.screen-s .has-popbox>.is-popbox,
.screen-x .has-popbox>.is-popbox {
	left: 0;
	top: auto;
	bottom: 5rem;
	max-height: 60%;
	opacity: 0;
	overflow-y: auto;
	position: fixed;
	-webkit-box-shadow: 1px 5px 15px rgba(0, 0, 0, 0);
	box-shadow: 1px 5px 15px rgba(0, 0, 0, 0);
	-webkit-transform: translateY(2rem);
	-moz-transform: translateY(2rem);
	-ms-transform: translateY(2rem);
	-o-transform: translateY(2rem);
	transform: translateY(2rem);
}

.screen-s .has-popbox.tip-show>.is-popbox,
.screen-x .has-popbox.tip-show>.is-popbox {
	padding: 1.5rem 1rem;
	border-radius: 0;
	border: none;
	background-color: #fff;
	color: #787878;
	top: auto;
	bottom: 5rem;
	background-color: transparent;
}

.has-popbox>.is-popbox.popshow {
	opacity: 1;
	display: block;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.is-popbox>.is-popbox-inner {
	vertical-align: middle;
}

.is-popbox>.is-popbox-inner .ickfont {
	margin-right: 0.625rem;
	margin-top: -0.875rem;
	font-size: 1.5rem;
	display: inline-block;
	vertical-align: middle;
}


.screen-s .has-popbox>.is-popbox>.is-popbox-inner,
.screen-x .has-popbox>.is-popbox>.is-popbox-inner {
	margin: 0;
	height: auto;
	max-height: none;
	position: relative;
}

.screen-m .has-popbox.tip-show>.is-popbox.window,
.screen-l .has-popbox.tip-show>.is-popbox.window,
.screen-h .has-popbox.tip-show>.is-popbox.window {
	padding-left: 0;
	padding-right: 0;
}

.screen-m .has-popbox>.is-popbox.window>.is-popbox-inner,
.screen-l .has-popbox>.is-popbox.window>.is-popbox-inner,
.screen-h .has-popbox>.is-popbox.window>.is-popbox-inner {
	padding-left: 3rem;
	padding-right: 3rem;
	overflow-y: auto;
}

.is-popbox-wrap {
	width: 100%;
	left: 0;
	bottom: 0;
	display: none;
	opacity: 0;
	position: fixed;
	z-index: 999999980;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 15px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 5px 15px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.05s ease-out;
	-moz-transition: all 0.05s ease-out;
	-ms-transition: all 0.05s ease-out;
	-o-transition: all 0.05s ease-out;
	transition: all 0.05s ease-out;
	-webkit-transform: translateY(1rem);
	-moz-transform: translateY(1rem);
	-ms-transform: translateY(1rem);
	-o-transform: translateY(1rem);
	transform: translateY(1rem);
}

.has-popbox.tip-show>.is-popbox-wrap {
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.is-popbox-wrap>.pop-title{
	width: calc(100%);
	padding: 0.75rem 1rem;
	font-size: 0.875rem;
	color: #292929;
	background-color: #f5f6fa;
	text-align: left;
	display: block;
	float: left;
	position: relative;
}

.screen-m .is-popbox-wrap,
.screen-l .is-popbox-wrap,
.screen-h .is-popbox-wrap {
	display: none;
}

.screen-s .has-popbox>.is-popbox.popshow + .is-popbox-wrap,
.screen-x .has-popbox>.is-popbox.popshow + .is-popbox-wrap {
	display: block;
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.has-popbox.tip-show>.is-popbox>.close-button {
	width: 1.875rem;
	height: 1.875rem;
	top: 0;
	right: 0;
	outline: none;
	display: block;
	position: absolute;
	border-top-right-radius: 0.25rem;
	border-bottom-left-radius: 0.75rem;
	background-color: transparent;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
	cursor: pointer;
}

.screen-s .has-popbox.tip-show>.is-popbox>.close-button,
.screen-x .has-popbox.tip-show>.is-popbox>.close-button {
	display: none;
}

.has-popbox.tip-show>.is-popbox>.close-button:hover {
	background-color: rgba(0, 0, 0, 0.05);
}


.has-popbox.tip-show>.is-popbox>.close-button::before {
	content: ' ';
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -0.0625rem;
	margin-right: -0.3125rem;
	width: 0.625rem;
	height: 2px;
	background-color: #3668f9;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.has-popbox.tip-show>.is-popbox>.close-button:hover::before {
	background-color: #1833e3;
}

.has-popbox.tip-show>.is-popbox>.close-button::after {
	content: ' ';
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -0.0625rem;
	margin-right: -0.3125rem;
	width: 0.625rem;
	height: 2px;
	background-color: #3668f9;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.has-popbox.tip-show>.is-popbox>.close-button:hover::after {
	background-color: #1833e3;
}

.has-popbox.tip-show>.is-popbox>.is-popbox-inner .ickfont {
	color: #3650F9;
}

.has-popbox.tip-show>.is-popbox.blue>.close-button::before,
.has-popbox.tip-show>.is-popbox.blue>.close-button::after {
	background-color: #3668f9;
}

.has-popbox.tip-show>.is-popbox.blue>.close-button:hover::before,
.has-popbox.tip-show>.is-popbox.blue>.close-button:hover::after {
	background-color: #1833e3;
}

.has-popbox.tip-show>.is-popbox.blue>.is-popbox-inner .ickfont {
	color: #3650F9;
}

.has-popbox.tip-show>.is-popbox.orange>.close-button::before,
.has-popbox.tip-show>.is-popbox.orange>.close-button::after {
	background-color: #ee723c;
}

.has-popbox.tip-show>.is-popbox.orange>.close-button:hover::before,
.has-popbox.tip-show>.is-popbox.orange>.close-button:hover::after {
	background-color: #e24a09;
}

.has-popbox.tip-show>.is-popbox.orange>.is-popbox-inner .ickfont {
	color: #ee723c;
}


.has-popbox.tip-show>.is-popbox.window>.close-button::before,
.has-popbox.tip-show>.is-popbox.window>.close-button::after {
	background-color: #606374;
}

.has-popbox.tip-show>.is-popbox.window>.close-button:hover::before,
.has-popbox.tip-show>.is-popbox.window>.close-button:hover::after {
	background-color: #111214;
}

.popbox-ctrl-panel {
	width: 100%;
	height: 5rem;
	left: 0;
	bottom: 0;
	padding: 1rem 1.5rem;
	display: none;
	opacity: 0;
	position: fixed;
	z-index: 999999996;
	background-color: #fff;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	-webkit-transform: translateY(2rem);
	-moz-transform: translateY(2rem);
	-ms-transform: translateY(2rem);
	-o-transform: translateY(2rem);
	transform: translateY(2rem);
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.has-popbox.tip-show>.popbox-ctrl-panel {
	background-color: transparent;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.popbox-ctrl-panel * {
	-webkit-pointer-events: auto;
	-moz-pointer-events: auto;
	-ms-pointer-events: auto;
	-o-pointer-events: auto;
	pointer-events: auto;
}

.popbox-ctrl-panel.show {
	display: block;
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.popbox-ctrl-panel .close{
	width: 100%;
	padding: 0.875rem 1.5rem;
	position: relative;
}

.body-mask {
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	background-color: rgba(8, 11, 20, 0.8);
	display: none;
	opacity: 0;
	position: fixed;
	z-index: 999999950;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.body-mask.transparent {
	background-color: transparent;
}

.body-mask.show {
	display: block;
	opacity: 1;
}

.shape-back {
	position: absolute;
	display: block;
    z-index: 1;
    background-position: center;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
}

.screen-s .shape-back,
.screen-x .shape-back {
	display: none;
}

.screen-s .shape-back.shape-back-ms,
.screen-x .shape-back.shape-back-ms {
	display: block;
}

.shape-back-01 {
	top: 0;
    left: 50%;
    margin-left: -62.5rem;
    width: 125rem;
    height: 38.75rem; 
}

.screen-s .shape-back-01,
.screen-x .shape-back-01 {
	margin-left: -36.25rem;
    width: 72.5rem;
    height: 22.5rem;
}

.shape-back-02 {
	top: 0;
    left: 50%;
    margin-left: -93.75rem;
    width: 187.5rem;
    height: 43.75rem;
}

.shape-back-03 {
    top: 4rem;
    left: 50%;
    margin-left: -62rem;
    width: 22.5rem;
    height: 22.5rem;
}

.screen-s .shape-back-03,
.screen-x .shape-back-03 {
    top: 4rem;
    margin-left: -16rem;
    width: 12rem;
    height: 12rem;
}

.shape-back-04 {
    top: 9rem;
    left: 50%;
    margin-left: 39rem;
    width: 22.5rem;
    height: 22.5rem;
}

.screen-s .shape-back-04,
.screen-x .shape-back-04 {
    top: 3rem;
    margin-left: 5rem;
    width: 12rem;
    height: 12rem;
}

.shape-back-05 {
    top: -2rem;
    left: 50%;
    margin-left: 31rem;
    width: 15rem;
    height: 15rem;
}

.screen-s .shape-back-05,
.screen-x .shape-back-05 {
    top: -3rem;
    margin-left: 3rem;
    width: 10rem;
    height: 10rem;
}

.shape-back-06 {
    top: -40rem;
    left: 50%;
    margin-left: -105rem;
    width: 75rem;
    height: 75rem;
}

.screen-s .shape-back-06,
.screen-x .shape-back-06 {
    top: -2rem;
    left: 50%;
    margin-left: -13rem;
    width: 16rem;
    height: 16rem;
}

.shape-back-061 {
    top: 13rem;
    left: 50%;
    margin-left: -58rem;
    width: 24rem;
    height: 24rem;
}

.screen-s .shape-back-061,
.screen-x .shape-back-061 {
    top: 8rem;
    margin-left: -15rem;
    width: 10rem;
    height: 10rem;
}

.shape-back-07 {
    top: 14rem;
    left: 50%;
    margin-left: 12rem;
    width: 100rem;
    height: 100rem;
}

.screen-s .shape-back-07,
.screen-x .shape-back-07 {
    top: 13rem;
    left: 50%;
    margin-left: -10rem;
    width: 35rem;
    height: 35rem;
}

.shape-back-08 {
	top: 0;
    left: 50%;
    margin-left: -62.5rem;
    width: 125rem;
    height: 50rem; 
}

.screen-s .shape-back-08,
.screen-x .shape-back-08 {
	top: 0;
    margin-left: -15rem;
    width: 30rem;
    height: 24rem; 
}

.shape-back-09 {
	top: 0;
    left: 50%;
    margin-left: -62.5rem;
    width: 125rem;
    height: 65rem; 
}

.post {
	padding: 0;
	max-width: 900px;
	background-color: #ffffff;
	overflow: hidden;
	height: auto;
	float: none;
}

.post p.post-info {
	line-height: 1rem;
	margin-bottom: 0.5rem;
}

.post .post-info.summary {
	width: 100%;
	padding: 1rem;
	color: #b9bdcc;
	background-color: #f8f7ff;
	margin-bottom: 1.375rem;
}

.post .post-info .date {
	color: #bfbfbf;
	font-size: 0.675rem;
}

.post p {
	font-weight: normal;
	color: #565656;
	margin-bottom: 1.875rem;
}

.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
	color: #303030;
	text-align: left;
}

.post h1 strong,
.post h2 strong,
.post h3 strong,
.post h4 strong,
.post h5 strong,
.post h6 strong {
	color: #303030;
}

.post h1 {
	font-size: 3.125rem;
	font-weight: 600;
}

.post h2 {
	font-size: 2.75rem;
	font-weight: 600;
}

.post h3 {
	font-size: 2.375rem;
	font-weight: 700;
}

.post h4 {
	font-size: 1.25rem;
	font-weight: 700;
}

.post h5 {
	font-size: 1.125rem;
	font-weight: 700;
}

.post h6 {
	font-size: 1rem;
	font-weight: 700;
}

.post .split-line-ht {
	border-top: 1px solid #eaeaea;
	width: 100%;
    height: 1.375rem;
    display: inline-block;
    position: relative;
    clear: both;
}

.post img {
	width: 100%;
	max-width: 900px;
	height: auto;
}

.post a {
	text-decoration: underline;
	word-wrap: break-word;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.post a:hover {
	color: #ffffff;
	background-color: #3650F9;
	-webkit-transform: translateY(0.25rem);
	-moz-transform: translateY(0.25rem);
	-ms-transform: translateY(0.25rem);
	-o-transform: translateY(0.25rem);
	transform: translateY(0.25rem);
}

.post blockquote {
    margin: 0;
	margin-bottom: 1.875rem;
    padding: 0.875rem;
	border: 1px dashed #9e9ce3;
    text-shadow: none;
    background-color: #f8f7ff;
    -webkit-box-shadow: 1px 3px 25px transparent;
    box-shadow: 1px 3px 25px transparent
}

.post blockquote, .post blockquote * {
	color: #465091;
    font-size: 0.875rem;
    line-height: 1.625rem;
}

.post blockquote p {
	margin-bottom: 0;
}

.post strong {
	color: #1833e3;
}

.post h1.page-title {
	color: #3f4360;
	font-size: 1.375rem;
}

.form-control.post {
	border: 1px solid #e9eaec;
	padding: 1rem;
	overflow: scroll;
	height: 100rem;
	max-width: 948px;
	float: right;
}

.form-control.post~.form-focus {
	max-width: 948px;
	left: auto;
	right: 0;
}

.form-control.post~.form-active {
	max-width: 948px;
	left: auto;
	right: 0;
}

.form-control.post::-webkit-scrollbar,
.form-control.post *::-webkit-scrollbar {
	width: 1rem;
	height: 1rem;
}

.form-control.post::-webkit-scrollbar-thumb,
.form-control.post *::-webkit-scrollbar-thumb {
	border-radius: 0;
	background-color: rgba(0, 0, 0, 0.15);
}

.form-control.post::-webkit-scrollbar-track,
.form-control.post *::-webkit-scrollbar-track {
	border-radius: 0;
	background-color: rgba(0, 0, 0, 0.07);
}